我所有瀏覽器顯示的子節點個數都是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獲取子節點,所以有瀏覽器兼容問題。