怎樣理解HTMLCollection接口

和 NodeList 類似, HTMLCollection 也是一個 類數組對象, 和NodeList不同的是, 它是各種 元素節點 的集合, 且不具有 forEach() 方法, 因此如果不轉為真正的數組, 則只能用 for 去遍歷.

會返回 HTMLCollection 對象的屬性方法包括: document.links / document.forms / document.images / document.getElementsByXXX() / 等, 在實際開發中, 碰到HTMLCollection 的概率會比 NodeList 要更多.

document.getElementsByTagName('div') instanceof HTMLCollection
// true

document.querySelectorAll('div') instanceof NodeList
// true

 

以上兩個方法獲取頁面上所有 div 元素節點, 不過前者(document.getElementsByTagName)要更快, 因為它只在元素節點里面找, 而后者是在7種節點類型里面找.