下面是我的html代码:
<body>
<div id="playground">
<div id ="player"></div>
</div>
</body>
id 名为“playground”的div 标签只有一个id 名为“player”的子节点--div 标签。
这是我的 js 脚本
window.onload = function(){
console.log(document.getElementById("playground").childNodes.length);
console.log(document.getElementById("playground").childNodes[0].nodeValue);
for(i=0;i<document.getElementById("playground").childNodes.length;i++)
{
console.log(document.getElementById("playground").childNodes[i]);
}
}
和结果
但是这个结果显示id名称为playground的div标签有3个子节点我不知道为什么会失败: