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」です。なぜそうなのですか?