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