DOM：div有一個文本對象的子節點通過defult？

Question

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」。爲什麼這樣？

Answer 1

您的img標記周圍有空白空間，標記爲文本節點。