已解決430363個問題，去搜搜看，總會有你想問的

document.getElementsByTagName("div")[0].childNodes的下標[0]是啥意思

首頁猿問 document.getEleme...

document.getElementsByTagName("div")[0].childNodes的下標[0]是啥意思

JavaScript

qq_風華青春_03784766 2016-09-07 18:44:09

<div>? javascript ?? <p>javascript</p>? <div>jQuery</div>? <h5>PHP</h5></div><script type="text/javascript">? ? ?var node=document.getElementsByTagName("div")[0].childNodes;? ? ?document.write("div子節點個數："+node.length+"<br />");?for(var i=0;i<node.length;i++){?? ? ?document.write("節點類型："+node[i].nodeType+"<br />");? ? ?}</script>請問以上代碼獲取div標簽屬性為啥要用[0]下標？謝謝！

查看完整描述

4 回答

已采納

llwanghong

TA貢獻7條經驗獲得超9個贊

document.getElementsByTagName("div")[0].childNodes

所有類似 getElementsXXX 這種獲取節點的方法都是返回節點的數組，從名字也可以看出，所以上面就是獲取返回節點數組的第一個元素，然后得到它所有的子節點，可以和 getElementById 對比理解記憶，這個從名字可以看出，只獲得一個唯一的節點。

2 反對回復 2016-09-08

qq_風華青春_03784766
我把代碼修改了如下： <body> <div> javascript <p>javascript</p> <div>jQuery</div> <h5>PHP</h5> </div> <ul> <li>javascript</li> <li>jQuery</li> <li>PHP</li> </ul> <script type="text/javascript"> var node=document.getElementsByTagName("div")[1].childNodes;//獲取第二個"div"標簽元素的字節點 document.write("div子節點個數："+node.length+"<br />"); for(var i=0;i<node.length;i++){ document.write("節點類型："+node[i].nodeType+"<br />"); } 運行結果是： div子節點個數：1 節點類型：3 問題：<div>jQuery</div> 標簽元素沒有子節點，怎么會有返回結果。謝謝！

回復 2016-09-08
llwanghong
nodeType為3，代表這是個文本節點(textNode)，即指的是jQuery，你理解的子節點可能緊局限于nodeType為1的元素節點(elementNode)，可以看下節點類型，包括很多種的

回復 2017-04-05
llwanghong
還有上面我說的返回節點的數組不準確，準確來說應該是返回節點的列表，應該這些方法返回的都是nodeList，類數組，并不是真正的數組，需要通過Array.prototype.slice.call(nodeList)來轉一下的

回復 2017-04-05

樓下的法拉利已經加滿油

TA貢獻5條經驗獲得超3個贊

如果不加下標的話是獲取到你script上面的所有的div元素

他們會被存放在一個數組當中，你想要調用到第一個div當然也要調取數組的第一個元素嘍，所以加上了[0].

希望我的回答能夠幫助到你。

2 反對回復 2016-09-07

摩訶迦葉

TA貢獻146條經驗獲得超54個贊

document.getElementsByTagName("div")獲得的是所有div標簽，[0]代表第一個div標簽

1 反對回復 2016-09-07

咕咕問

TA貢獻78條經驗獲得超12個贊

獲取的是類似于數組的存儲模式 ? ? ? ?用下標顯示數組中存儲的數據

不是數組 ?數組數據不變化 ? ?但是類似于數組則會隨著html結構變化而變化

反對回復 2016-09-08

4 回答
0 關注
2464 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

document.getElementsByTagName("div")[0].childNodes的下標[0]是啥意思

document.getElementsByTagName("div")[0].childNodes的下標[0]是啥意思

4 回答

添加回答