js如何获取某元素内节点的个数?

JavaScript018

js如何获取某元素内节点的个数?,第1张

(1)如获得id为test标签子元素的个数:

document.getElementById("test").ChildNodes.length

document.getElementById('test').children.length

(2)上面两种方法皆可来获得子元素的个数,但是要注意各个浏览器的差异性,也得斟酌下差异性

childNodes获得的是所有的标签节点和文本节点,而children获得的只是标签节点。

这也就是说,childNodes获得的除了三个div节点外,节点与节点之间的三个回车换行符也被计算在内了,因为它们也是文本啊:

<div id="parentDiv">这里一个回车换行符

<div id="d1">第一个div</div>这里也是一个回车换行符

<div id="d2">第二个div</div>这里也是一个回车换行符,总共三个

<div id="d3">第三个div</div></div>

如果把回车换行去掉:

<div id="parentDiv"><div id="d1">第一个div</div><div id="d2">第二个div</div><div id="d3">第三个div</div></div>

那么两种方法计算的节点数就相同了(都是3)