                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

9-8 ：到底是幾個子節(jié)點？

到底是幾個子節(jié)點？用IE11、360、搜狗瀏覽器都試過，都說是7個子節(jié)點，為什么跟9-8節(jié)的注意部分說的不一樣。請大神指點！

代碼：

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標(biāo)題文檔</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子節(jié)點的個數(shù)："+a.length+"個"+"<br/>") ;
???
?for(var i=0;i<a.length;i++){
??? document.write("<br/>"+"第"+(i+1)+"個子節(jié)點："+"<br/>"+"子節(jié)點名稱:"+a[i].nodeName+"<br/>");
??? document.write("子節(jié)點值:"+a[i].nodeValue+"<br/>");
??? document.write("子節(jié)點類型:"+a[i].nodeType+"<br/>");
}
?
?
</script>
</body>
</html>

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

結(jié)果：

javascript

jQuery

PHP

DIV子節(jié)點的個數(shù)：7個

第1個子節(jié)點：
子節(jié)點名稱:#text
子節(jié)點值: ? javascript ? ?
子節(jié)點類型:3

第2個子節(jié)點：
子節(jié)點名稱:P
子節(jié)點值:null
子節(jié)點類型:1

第3個子節(jié)點：
子節(jié)點名稱:#text
子節(jié)點值: ?
子節(jié)點類型:3

第4個子節(jié)點：
子節(jié)點名稱:DIV
子節(jié)點值:null
子節(jié)點類型:1

第5個子節(jié)點：
子節(jié)點名稱:#text
子節(jié)點值: ?
子節(jié)點類型:3

第6個子節(jié)點：
子節(jié)點名稱:H5
子節(jié)點值:null
子節(jié)點類型:1

第7個子節(jié)點：
子節(jié)點名稱:#text
子節(jié)點值:
子節(jié)點類型:3