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)