小程序开发|小程序制作|小程序开发网

搜索

网页中node和element是什么关系,如何看待dom操作?

2023-8-24 11:05| 发布者: 快乐的鱼| 查看: 251| 评论: 0

摘要: node即:节点,element即:元素。简单的说就是Node是一个基类,DOM中的Element,Text和Comment都继承于它。 换句话说,Element,Text和Comment是三种特殊的Node,它们分别叫做ELEMENT_NODE, TEXT_NODE和COMMENT_NODE

node即:节点,element即:元素。简单的说就是Node是一个基类,DOM中的Element,Text和Comment都继承于它。 换句话说,Element,Text和Comment是三种特殊的Node,它们分别叫做ELEMENT_NODE, TEXT_NODE和COMMENT_NODE。所以我们平时使用的html上的元素,即Element,是类型为ELEMENT_NODE的Node。

we can put text here 1... text_node

China

element_node we can put text here 2... text_node comment_node we can put text here 3... text_node

China is a popular country with...

element_node we can put text here 4... text_node
element_node
we can put text here 5 ... text_node

NodeList vs HTMLCollection:我们用childNodes找到了NodeList,但我们操作DOM时往往不想操作Node(我只想操作元素Element),那么如何获取ElementList呢?其实我们经常使用的getElementsByXXX返回的就是一个ElementList,只不过它的真实名字是ElementCollection。就像NodeList是Node的集合一样,ElementCollection也是Element的集合。但需要特别注意的是:NodeList和ElementCollcetion都不是真正的数组,如果document.getElementsByTagName('a') instanceof Array,那么必然是false。

DOM(Document Object Model)简称文档对象模型,它是html和xml是文档编程的接口,它将文档解析为树结构,这个树的根部就是document,而document的首个子节点(childeNodes[0])就是html,这才有了后面的一系列html元素。


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部