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

建网站  时间:2021-05-15  235 次浏览  dom操作node节点

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

dom操作,node节点

<body>
    we can put text here 1...                      text_node
    <h1>China</h1>                                 element_node
    we can put text here 2...                      text_node
    <!-- My comment ...  -->                       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节点树

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


本文地址:网页中node和element是什么关系,如何看待dom操作? https://www.371jianzhan.com/technical/230.html


上一篇: PbootCMS接口API调用的VUE(axios)和Js(ajax)实现方法

下一篇: 没有了!

最新信息
推荐信息
建企业网站
建企业网站