document.getElementsByTagName("div")[1].childNodes的子节点问题
如下代码：
<body>
<div>
javascript
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>
<ul>
<li>javascript</li>
<li>jQuery</li>
<li>PHP</li>
</ul>
<script type="text/javascript">
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
1回答
-
OlderSkee
<div>jQuery</div>的子节点自然是里面的文本 JQuery了 ，那么你这里的node获得是是个数组，长度是1，类型是text文本属于txt ，节点类型为3 。
随时随地看视频慕课网APP
相关分类
JavaScript