HTML:
<div id="Box" style="height: 100px; width= 100px; background-color: red;">
<img src="someImg.jpg"></img>
</div>
就是这样。我在 HTML 文件中有一个简单的 div。现在,在我写的 javascript 文件中
window.onload = initAll;
function initAll(){
document.getElementById("Box").onclick = childNodes;
}
function childNodes(){
for(var n = 0 ; n < this.childNodes.length; n++){
alert(this.childNodes.item(n));
}
现在,我不应该只看到一个警告框(因为 div 元素只有一个子元素是图像)。相反,我收到了 3 个警报框。第一个和第三个警报“对象文本”和第二个警报“Obkect HTMLImageElement”。为什么会这样?