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

看代碼，想問下這個(gè)節(jié)點(diǎn)個(gè)數(shù)怎么理解的，從哪開始算呢，子節(jié)點(diǎn)又是怎么回事？

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

?document.write("第一個(gè)DIV子節(jié)點(diǎn)個(gè)數(shù):"+x.length+"<br>")

web小菜

2017-02-07

源自：JavaScript進(jìn)階篇 9-8

關(guān)注問題我要回答

673

操作

收起

2 回答

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

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

document.write("第一個(gè)DIV子節(jié)點(diǎn)個(gè)數(shù):"+x.length+"<br>")

說的是第一個(gè)div的子節(jié)點(diǎn)個(gè)數(shù)，那么來看：

這是第一個(gè)div

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

它包含了三個(gè)元素節(jié)點(diǎn) p div h5 和四個(gè)文本節(jié)點(diǎn)

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

因?yàn)檎f的是第一個(gè)div中的子節(jié)點(diǎn)，所以就不用考慮p內(nèi)的javascript, div中的jQuery,h5中的PHP

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_浮雲(yún)遊子_03977413

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