HTML:
<div id="Box" style="height: 100px; width= 100px; background-color: red;">
<img src="someImg.jpg"></img>
</div>
Thatsit。我在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”。为什么会这样?
答案 0 :(得分:1)
img
标记周围有空格,标识为文本节点。