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');