我所有瀏覽器顯示的子節點個數都是3,節點也是1。是版本原因么?
<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title></title>
</head>
<body>
<ul>
<li>javascript</li>
<li>jQuery</li>
<li>PHP</li>
</ul>
<script>
var?x=document.getElementsByTagName("li");
document.write("ul子節個數"+x.length);
document.write("節點類型"+x[0].nodeType);
</script>
</body>
</html>
2016-09-01
我測試了chrome52,IE10和firefox也是相同的結果。子節點=7個。和教程9-8“訪問子節點”里說的3個子節點不同。
但ul的子節點,應該去查找ul,而不是li
<script>
? ? ? ? ? ? var x=document.getElementsByTagName("ul")[0].childNodes;
? ? ? ? ? ? document.write("ul子節個數"+x.length);
? ? ? ? ? ? document.write("節點類型"+x[0].nodeType);
</script>
2016-09-01
你這里用getElementsByTagName獲取元素,結果肯定是一樣的,9-8旁邊左邊所說的是用childNodes獲取子節點,所以有瀏覽器兼容問題。