                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

9-8 ：到底是几个子节点？

到底是几个子节点？用IE11、360、搜狗浏览器都试过，都说是7个子节点，为什么跟9-8节的注意部分说的不一样。请大神指点！

代码：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<div>
javascript
<p>javascript</p>
<div>jQuery</div>
<h5>PHP</h5>
</div>
<script type="text/javascript">
var a = document.getElementsByTagName("div")[0].childNodes;
    document.write("DIV子节点的个数："+a.length+"个"+"<br/>") ;

for(var i=0;i<a.length;i++){
    document.write("<br/>"+"第"+(i+1)+"个子节点："+"<br/>"+"子节点名称:"+a[i].nodeName+"<br/>");
    document.write("子节点值:"+a[i].nodeValue+"<br/>");
    document.write("子节点类型:"+a[i].nodeType+"<br/>");
}

</script>
</body>
</html>

—————————————————————————————————————————————

结果：

javascript

jQuery

PHP

DIV子节点的个数：7个

第1个子节点：
子节点名称:#text
子节点值: javascript
子节点类型:3

第2个子节点：
子节点名称:P
子节点值:null
子节点类型:1

第3个子节点：
子节点名称:#text
子节点值:
子节点类型:3

第4个子节点：
子节点名称:DIV
子节点值:null
子节点类型:1

第5个子节点：
子节点名称:#text
子节点值:
子节点类型:3

第6个子节点：
子节点名称:H5
子节点值:null
子节点类型:1

第7个子节点：
子节点名称:#text
子节点值:
子节点类型:3