document.getElementsByTagName("div")[1].childNodes的子节点问题

如下代码：

<body>

<div>

javascript

<p>javascript</p>

<div>jQuery</div>

</div>

<ul>

<li>javascript</li>

<li>jQuery</li>

</ul>

var node=document.getElementsByTagName("div")[1].childNodes; //获取第二个"div"标签元素的子节点

document.write("div子节点个数："+node.length+"<br />");

for(var i=0;i<node.length;i++){

document.write("节点类型："+node[i].nodeType+"<br />");

}

</script>

</body>

运行结果：

div子节点个数：1
节点类型：3

问题： <div>jQuery</div>第二个<div>标签元素的子节点是那个元素，为啥会有运行结果？帮忙解答，谢谢！

qq_风华青春_03784766

浏览 1277回答 1

OlderSkee

<div>jQuery</div>的子节点自然是里面的文本 JQuery了，那么你这里的node获得是是个数组，长度是1，类型是text文本属于txt ，节点类型为3 。

随时随地看视频慕课网APP