首頁(yè) 猿問 querySelectorAll...

querySelectorAll 方法相比 getElementsBy 系列方法有什么區(qū)別？

Html/CSS JavaScript JQuery

剛毅87 2016-06-18 16:12:26

var ul1 = document.getElementById('ul1') ;var lis = document.querySelectorAll('li');var lis = document.getElementsByTagName('li');querySelectorAll 方法相比 getElementsBy 系列方法有什么區(qū)別？

查看完整描述

3 回答

剛毅87

TA貢獻(xiàn)345條經(jīng)驗(yàn) 獲得超309個(gè)贊

在現(xiàn)代瀏覽器中，querySelectorAll 的返回值是一個(gè)靜態(tài)的 NodeList 對(duì)象，而 getElementsBy 系列的返回值實(shí)際上是一個(gè) HTMLCollection 對(duì)象。

getElement* 的實(shí)時(shí)性體現(xiàn)在返回集合的時(shí)候，我們知道getElementsBy*和querySelectorAll返回的都是一個(gè)節(jié)點(diǎn)集合，類似于數(shù)組，兩種方法的區(qū)別就在于這個(gè)集合會(huì)不會(huì)自動(dòng)更新。

querySelectorAll 的返回值是一個(gè)靜態(tài)數(shù)組，之后對(duì)document結(jié)構(gòu)的改變不會(huì)影響到之前取到的結(jié)果

2 反對(duì) 回復(fù) 2016-06-18

黃志明
這么說在動(dòng)態(tài)頁(yè)面里document更加實(shí)用了？畢竟現(xiàn)在很多前端東西都是后臺(tái)數(shù)據(jù)傳過來的？

回復(fù) 2016-06-18
剛毅87
在動(dòng)態(tài)頁(yè)面中 getElementsBy 應(yīng)該更加適合,可以這么說

回復(fù) 2016-06-18

_瀟瀟暮雨

TA貢獻(xiàn)646條經(jīng)驗(yàn) 獲得超225個(gè)贊

querySelectorAll可以像jQuery那樣傳入CSS選擇器進(jìn)行元素的選取，例如選取div下面所有的a就可以寫成document.querySelectorAll('div a')，而通過getElementsBy則需要2步：document.getElementsByTagName('div')[0].getElementsByTagName('a')

1 反對(duì) 回復(fù) 2016-06-18

剛毅87
document.getElementsByTagName('a') 只需一步!

回復(fù) 2016-06-18
_瀟瀟暮雨
你這是選取頁(yè)面中所有的a元素并不是div下面的a。

回復(fù) 2016-06-18
剛毅87
好吧,這我也知道,但這不是我問的重點(diǎn). 我把問題改了!

回復(fù) 2016-06-18

3 回答
0 關(guān)注
2343 瀏覽

關(guān)注

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

querySelectorAll 方法相比 getElementsBy 系列方法有什么區(qū)別？

querySelectorAll 方法相比 getElementsBy 系列方法有什么區(qū)別？

3 回答

相關(guān)問題推薦

添加回答

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

querySelectorAll 方法相比 getElementsBy 系列方法有什么區(qū)別？

querySelectorAll 方法相比 getElementsBy 系列方法有什么區(qū)別？

3 回答

相關(guān)問題推薦

添加回答

querySelectorAll 方法相比 getElementsBy 系列方法有什么區(qū)別？

querySelectorAll 方法相比 getElementsBy 系列方法有什么區(qū)別？