在 JavaScript 中,NodeList 是一个类数组对象,用于表示 DOM 元素的集合。NodeList 对象通常由一些 DOM 方法返回,比如 querySelectorAll
和 getElementsByTagName
。
创建 NodeList 对象
可以通过以下方法来创建一个 NodeList 对象:
// 通过 document 的方法获取 NodeList 对象 const nodeList = document.querySelectorAll('div'); // 通过父元素的属性获取子元素的 NodeList 对象 const parent = document.getElementById('parent'); const children = parent.childNodes;
访问 NodeList 中的元素
NodeList 对象是类数组对象,可以通过索引来访问其中的元素:
const nodeList = document.querySelectorAll('div'); console.log(nodeList[0]); // 访问第一个元素 console.log(nodeList.length); // 获取 NodeList 中元素的个数
遍历 NodeList
可以使用 forEach
方法或者 for...of
循环来遍历 NodeList 中的元素:
-- -------------------- ---- ------- ----- -------- - --------------------------------- -- -- ------- ---- -------------------------- ------ -- - -------------------- ------- --- -- -- -------- ---- --- ------ ------- -- --------- - --------------------- -
NodeList 的注意事项
- NodeList 是实时的,即当文档结构发生变化时,NodeList 也会随之变化。
- NodeList 不是数组,虽然类似数组,但不能使用数组的方法,比如
push
和pop
。 - 如果需要将 NodeList 转换为数组,可以使用
Array.from(nodeList)
方法。
以上就是关于 NodeList 对象的介绍,希望对你有所帮助!