這篇文章將為大家詳細(xì)講解有關(guān)HTML5中HTMLCollection和NodeList的區(qū)別是什么,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
獲取
HTMLCollection 對(duì)象
getElementsByTagName() 方法返HTMLCollection對(duì)象。
HTMLCollection 對(duì)象類似包含 HTML 元素的一個(gè)數(shù)組。
注意:
HTMLCollection 不是一個(gè)數(shù)組!
HTMLCollection 看起來可能是一個(gè)數(shù)組,但其實(shí)不是。
你可以像數(shù)組一樣,使用索引來獲取元素。
HTMLCollection 無法使用數(shù)組的方法: valueOf(), pop(), push(), 或 join()。
NodeList 對(duì)象
大部分瀏覽器的querySelectorAll()返回 NodeList 對(duì)象。
注意
節(jié)點(diǎn)列表不是一個(gè)數(shù)組!
節(jié)點(diǎn)列表看起來可能是一個(gè)數(shù)組,但其實(shí)不是。
你可以像數(shù)組一樣,使用索引來獲取元素。
節(jié)點(diǎn)列表無法使用數(shù)組的方法: valueOf(), pop(), push(), 或 join() 。
HTMLCollection 與 NodeList 的區(qū)別
HTMLCollection是 HTML 元素的集合。(僅包含元素)
NodeList 是一個(gè)文檔節(jié)點(diǎn)的集合。
NodeList 與 HTMLCollection 有很多類似的地方。
NodeList 與 HTMLCollection 都與數(shù)組對(duì)象有點(diǎn)類似,可以使用索引 (0, 1, 2, 3, 4, ...) 來獲取元素。
NodeList 與 HTMLCollection 都有 length 屬性。
HTMLCollection 元素可以通過 name,id 或索引來獲取。
NodeList 只能通過索引來獲取。
只有 NodeList 對(duì)象有包含屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)。
代碼
Document 1
2
3
4
5
關(guān)于“HTML5中HTMLCollection和NodeList的區(qū)別是什么”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。