《DOM NodeList》
介绍
DOM（文档对象模型）是HTML和XML文档的编程接口，它允许开发者在JavaScript等编程语言中操作文档的结构、样式和内容。在DOM中，NodeList是一个重要的接口，它表示一个包含节点（如元素、文本和注释）的集合，通常是通过属性（如childNodes）或方法（如querySelectorAll）从文档中获取的。
NodeList的特点
- 动态性：
NodeList是动态的，这意味着当文档结构发生变化时，NodeList也会相应更新。 - 非数组：虽然
NodeList看起来像数组，但它并不是一个真正的数组。它没有数组的方法，如push或pop。 - 长度属性：
NodeList有一个length属性，表示集合中节点的数量。
使用NodeList
访问节点
const nodeList = document.querySelectorAll('p');
for (let i = 0; i < nodeList.length; i++) {console.log(nodeList[i].textContent);
}
转换为数组
由于NodeList不是数组，有时需要将其转换为数组来使用数组的方法。
const nodeList = document.querySelectorAll('p');
const array = Array.from(nodeList);
array.forEach(element => {console.log(element.textContent);
});
或者使用扩展运算符：
const nodeList = document.querySelectorAll('p');
const array = [...nodeList];
array.forEach(element => {console.log(element.textContent);
});
NodeList的性能考虑
由于NodeList是动态的，每次访问其length属性或某个索引时，都会重新查询DOM。因此，如果需要多次访问NodeList，最好将其转换为数组，以避免不必要的性能开销。
总结
NodeList是DOM操作中的一个重要概念，它提供了访问和操作文档中节点集合的能力。了解NodeList的特点和使用方法，可以帮助开发者更高效地进行DOM操作。同时，需要注意NodeList的性能考虑，避免不必要的性能开销。
