                        課程
                    
                        /前端開發
                        
                            /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