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