NodeList 对象

在 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 中的元素：

// www.javascriptcn.com code example
const nodeList = document.querySelectorAll('div');

// 使用 forEach 方法遍历
nodeList.forEach((element, index) => {
  console.log(element, index);
});

// 使用 for...of 循环遍历
for (const element of nodeList) {
  console.log(element);
}

NodeList 的注意事项

• NodeList 是实时的，即当文档结构发生变化时，NodeList 也会随之变化。
• NodeList 不是数组，虽然类似数组，但不能使用数组的方法，比如 push 和 pop。
• 如果需要将 NodeList 转换为数组，可以使用 Array.from(nodeList) 方法。

以上就是关于 NodeList 对象的介绍，希望对你有所帮助！