NodeList 对象

NodeList 对象

NodeList 对象是 DOM（文档对象模型）编程中一个重要的概念，它表示一个节点的集合，这些节点可以是元素、文本或者注释等。在 JavaScript 中，NodeList 对象通常是通过诸如 document.querySelectorAll 或 document.getElementsByTagName 等方法返回的。本文将详细介绍 NodeList 对象的性质、用法以及与它相关的一些高级技巧。

NodeList 的基本性质

NodeList 对象是一个类数组对象，它包含了一系列的节点。这些节点按照它们在文档中的顺序排列，可以通过索引来访问。NodeList 对象是动态的，这意味着当文档结构发生变化时，NodeList 中的内容也会相应地更新。

示例

// 获取文档中所有的 <p> 元素
const paragraphs = document.querySelectorAll('p');

// 访问第一个 <p> 元素
console.log(paragraphs[0]);

// paragraphs 是一个 NodeList 对象
console.log(paragraphs instanceof NodeList); // 输出：true

NodeList 与 Array 的区别

虽然 NodeList 对象看起来类似于数组，但它们之间有一些重要的区别：

1. 长度属性：NodeList 有一个 length 属性，但没有数组的方法，如 forEach 或 map。