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

来源:本站原创　浏览：38次　时间：2023-08-25

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

<body> we can put text here 1... text_node <h1>China</h1> element_node we can put text here 2... text_node  comment_node we can put text here 3... text_node <p>China is a popular country with...</p> element_node we can put text here 4... text_node <div> <button>See details</button> element_node </div> we can put text here 5 ... text_node </body>

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元素。

版权声明：
1、本文内容由网友自发贡献，版权归原作者所有。
2、本站仅提供文章发布平台，文章的内容与本站无关，请真伪自辩，本站不承担相应法律责任。
3、如果发现本站有涉嫌抄袭侵权的内容，欢迎举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。
4、转载请注明本文地址：http://www.19zh.com/artinfo/1077.html