在 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 对象的介绍,希望对你有所帮助!