NodeList 对象

NodeList 对象

概述

NodeList对象是 DOM（文档对象模型）中的一种数据结构，它代表了包含在一个父节点内的所有元素节点的一个集合。NodeList对象常用于处理文档中的多个元素，是 JavaScript 在操作 DOM 时的一个重要工具。

特点

1. 长度属性

NodeList对象具有一个length属性，表示其中包含的元素数量。这使得我们可以轻松地通过索引访问集合中的任意元素。

2. 遍历方式

NodeList对象支持多种遍历方式，如forEach、for...of循环等。

3. 元素访问

通过索引或item()方法，我们可以访问NodeList中的任意元素。

4. 方法支持

NodeList对象支持多种 DOM 方法，如appendChild()、removeChild()、insertBefore()等。

使用场景

1. 查找并操作元素

通过NodeList，我们可以轻松地查找并操作文档中的多个元素，例如：

// 查找所有 div 元素 const divs = document.getElementsByTagName('div'); // 遍历 div 元素并设置样式 divs.forEach(div => { div.style.color = 'red'; });

2. 动态添加元素

我们可以使用NodeList