                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

看代碼，想問下這個節點個數怎么理解的，從哪開始算呢，子節點又是怎么回事？

var x=document.getElementsByTagName("div")[0].childNodes;

?document.write("第一個DIV子節點個數:"+x.length+"<br>")

web小菜

2017-02-07

源自：JavaScript進階篇 9-8

關注問題我要回答

675

操作

收起

2 回答

不知不覺后知后覺嗯
2017-02-09

var x=document.getElementsByTagName("div")[0].childNodes;

document.write("第一個DIV子節點個數:"+x.length+"<br>")

說的是第一個div的子節點個數，那么來看：

這是第一個div

<div>
? javascript ?
? <p>javascript</p>
? <div>jQuery</div>
? <h5>PHP</h5>
</div>

它包含了三個元素節點 p div h5 和四個文本節點

<div>
? javascript /*第一個*/
? <p>javascript</p>/*第二個
? */<div>jQuery</div>/*第三個
? /*<h5>PHP</h5>/*第四個
*/</div>

因為說的是第一個div中的子節點，所以就不用考慮p內的javascript, div中的jQuery,h5中的PHP

0 回復有任何疑惑可以回復我~

收起回答

qq_浮雲遊子_03977413

你的意思是說上面的var x =document.getElementByTagName("div")[0].childNodes是第一個div的個數嗎我理解成 var x = document.getElementByTagName("div"); //獲取div的個數，是個數組 x[0].childNodes; //第一個div的childNodes 我去，怎么繞對了哎呦氣死我了自己琢磨了半天到底在想什么呢