課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
var temp=document.getElementsByTagName("div")[0].childNodes;
這里的【0】怎么解釋?
2016-11-12
源自:JavaScript進(jìn)階篇 9-8
正在回答
<!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>111</div> ??<h5>PHP</h5> </div> <div> ??哈哈哈?? ??<p>javascript</p> ??<div>333</div> ??<h5>PHP</h5> </div> <div> ??哼哼?? ??<p>javascript</p> ??<div>555</div> ??<h5>PHP</h5> </div> <script?type="text/javascript"> ?var?x=document.getElementsByTagName("div")[3].childNodes; ?for(var?i=0;i<x.length;i++) ?{ ????document.write("第"+(i+1)+"個節(jié)點(diǎn)的值是:"+x[i].nodeValue+"<br??/>");? ????document.write("第"+(i+1)+"個節(jié)點(diǎn)的名稱是:"+x[i].nodeName+"<br??/>");? ????document.write("第"+(i+1)+"個節(jié)點(diǎn)的屬性是:"+x[i].nodeType+"<br??/>"); ????document.write("<br??/>"); ?} </script> </body> </html>
參考以上代碼,[3]選擇的是第4個div,即?<div>333</div>。
妖靈262 提問者
我也是這樣認(rèn)為的,但我有個問題:當(dāng)[0]變成[3]時,即<div>333</div>那么后面的.childNodes究竟訪問的是什么呢?專指<div>333</div>這個節(jié)點(diǎn),還是6個div節(jié)點(diǎn),我運(yùn)行的結(jié)果是
第1個節(jié)點(diǎn)的值是:333
第1個節(jié)點(diǎn)的名稱是:#text
第1個節(jié)點(diǎn)的屬性是:3
所以我覺得專指<div>333</div>這個節(jié)點(diǎn),那么問題又來了?,為啥還要加for的遍歷呢?for(var?i=0;i<x.length;i++),,,,什么才叫做子節(jié)點(diǎn)呢?麻煩解答一下,感激不盡!
這里有兩個div;所以用到了索引,找到我們想要的div
這里的【0】是指選擇第一個div,你可以嘗試下在html中多些幾個平行的div結(jié)構(gòu),如此,下面代碼:
var temp=document.getElementsByTagName("div")[1].childNodes;
這里【0】變成了【1】,就是針對第二個div來進(jìn)行相應(yīng)的操作了(訪問第二個div的字節(jié)點(diǎn))。
水墨墨心
0表示是第一個子節(jié)點(diǎn),因?yàn)橐唤M數(shù)的開始第一項(xiàng)是從0開始,比如一個含有四個節(jié)點(diǎn)的元素x,那么它的每個子節(jié)點(diǎn)的順序是x[0],x[1],x[2],x[3]
舉報
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動態(tài)交互世界
2 回答var node=document.getElementsByTagName("div")[0].childNodes;
6 回答var nd=document.getElementsByTagName("div")[0].childNodes;
3 回答var a=document.getElementsByTagName("div")[0].childNodes;
2 回答var node=document.getElementsByTagName("div")[0].childNodes
2 回答var t=document.getElementsByTagName("div")[0].childNodes里的[0]
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-11-15
參考以上代碼,[3]選擇的是第4個div,即?<div>333</div>。
2016-12-28
我也是這樣認(rèn)為的,但我有個問題:當(dāng)[0]變成[3]時,即<div>333</div>那么后面的.childNodes究竟訪問的是什么呢?專指<div>333</div>這個節(jié)點(diǎn),還是6個div節(jié)點(diǎn),我運(yùn)行的結(jié)果是
第1個節(jié)點(diǎn)的值是:333
第1個節(jié)點(diǎn)的名稱是:#text
第1個節(jié)點(diǎn)的屬性是:3
所以我覺得專指<div>333</div>這個節(jié)點(diǎn),那么問題又來了?,為啥還要加for的遍歷呢?for(var?i=0;i<x.length;i++),,,,什么才叫做子節(jié)點(diǎn)呢?麻煩解答一下,感激不盡!
2016-12-10
這里有兩個div;所以用到了索引,找到我們想要的div
2016-11-14
這里的【0】是指選擇第一個div,你可以嘗試下在html中多些幾個平行的div結(jié)構(gòu),如此,下面代碼:
var temp=document.getElementsByTagName("div")[1].childNodes;
這里【0】變成了【1】,就是針對第二個div來進(jìn)行相應(yīng)的操作了(訪問第二個div的字節(jié)點(diǎn))。
2016-11-12
0表示是第一個子節(jié)點(diǎn),因?yàn)橐唤M數(shù)的開始第一項(xiàng)是從0開始,比如一個含有四個節(jié)點(diǎn)的元素x,那么它的每個子節(jié)點(diǎn)的順序是x[0],x[1],x[2],x[3]