今天遇到个伙伴,不太明白HTML中的节点个数,小记一下

节点元素个数:回车换行符也是一个文本元素节点
<div id="div"><p id="pid">div的p元素</p><h1 id="hid">div的h1元素</h1></div>
var div = document.getElementById("div");
alert(div.childNodes.length);//2

这里用*表示节点个数,下面有5个*,表示div的子节点的长度是5
<div id="div"> --'\n'(1*)
    <p id="pid"> div的p元素</p> --p (2*) 和 '\n' (3*)
    <h1 id="hid">div的h1元素</h1> --h1 (4*) 和'\n' (5*)
</div>
var div = document.getElementById("div");
alert(div.childNodes.length);//5

childNodes 属性可返回指定节点的子节点的节点列表。
注意:选取HTML元素时,换行符(\n) 也是一个节点来计算
nodeValue "\n " --换行符,属于文本节点 (nodeName "#text" nodeType 3)

猜你喜欢

转载自blog.csdn.net/u010912638/article/details/81567620