1

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”。为什么会这样?

4

1 回答 1

1

您的img标签周围有空白区域,被标识为文本节点。

于 2013-03-23T14:05:44.367 回答