DOM NodeList 探索

引言

在Web开发中，文档对象模型（DOM）是核心概念之一。DOM提供了一种以树形结构表示HTML或XML文档的方法，允许开发者通过JavaScript等脚本语言操作文档的结构、样式和内容。在DOM中，NodeList是一个重要的接口，它表示一个节点的集合，通常是由查询DOM树的结果返回的。本文将深入探讨NodeList的概念、用法及其在Web开发中的应用。

什么是NodeList？

NodeList是一个节点的集合，它是一个类数组对象，包含了多个Node对象。这些节点可以是元素节点、文本节点、注释节点等。NodeList不是实时更新的，这意味着一旦创建，它就保持不变，不会随着DOM树的变化而自动更新。

如何获取NodeList？

有多种方式可以获取NodeList实例：

1. document.querySelectorAll方法：这个方法接受一个CSS选择器作为参数，并返回一个包含所有匹配元素的NodeList对象。

   const elements = document.querySelectorAll('.my-class');
   

2. document.getElementsByTagName方法：这个方法返回一个包含所有具有指定标签名的元素的NodeList对象