NodeList 對象
概述
NodeList 對象是 DOM(文檔對象模型)中的一種特殊類型,它代表了文檔中一組元素的集合。NodeList 對象通常通過查詢 DOM 樹來獲取,例如使用 document.querySelectorAll()
方法。NodeList 對象在 JavaScript 中非常有用,因為它允許開發者以編程方式遍歷和操作文檔中的元素。
NodeList 的特點
-
動態性:NodeList 是動態的,這意味著當 DOM 樹發生變化時,NodeList 也會相應地更新。例如,如果向文檔中添加或刪除元素,NodeList 將自動反映這些變化。
-
集合類型:NodeList 是一個類數組對象,它具有數組的許多屬性和方法,如
length
、forEach
、map
等。 -
元素訪問:NodeList 允許開發者通過索引訪問集合中的元素,就像訪問數組一樣。
獲取 NodeList
獲取 NodeList 的常見方法有:
- 使用
document.querySelectorAll()
方法,該方法接受一個 CSS 選擇器作為參數,并返回一個包含所有匹配元素的 NodeList。
const elements = document.querySelectorAll('.class-name');