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));
}

ここで、警告ボックスが 1 つしか表示されないはずです (div 要素には画像である子が 1 つしかないため)。代わりに、3 つの警告ボックスが表示されます。1 番目と 3 番目のアラートは「Object text」、2 番目のアラートは「Obkect HTMLImageElement」です。なぜそうなのですか?

4

1 に答える 1