本文探讨了在JavaScript中使用childNodes属性获取DOM元素子节点时遇到的问题。通过一个具体的HTML示例，展示了如何正确计数body元素的子节点数量，并解释了为何实际计数与预期不符的原因。
关于childNodes属性的问题？
/*html代码*/
<body>
<h1>Snapshots</h1>
<ul>
<li>
<a href="#">Fireworks</a>
</li>
</ul>
<img id="placeholder" src="images/placeholder.gif" alt="my image gallery"/>
</body>
/*js*/
function countBodyChildren(){
var body_element=document.getElementsByTagName("body")[0];
alert (body_element.childNodes.length);
}
得出的body子元素的个数为4
不应该是3吗？
测得，h1 ul 匀为1，而img却占2？？？？为什么？
又测了input也和img的情况一样
/*html代码*/
<body>
<h1>Snapshots</h1>
<ul>
<li>
<a href="#">Fireworks</a>
</li>
</ul>
<img id="placeholder" src="images/placeholder.gif" alt="my image gallery"/>
</body>
/*js*/
function countBodyChildren(){
var body_element=document.getElementsByTagName("body")[0];
alert (body_element.childNodes.length);
}
得出的body子元素的个数为4
不应该是3吗？
测得，h1 ul 匀为1，而img却占2？？？？为什么？
又测了input也和img的情况一样
扫一扫
878
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
