dom - DOM：默认情况下 div 是否有文本对象子节点？

Question

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

Answer 1

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