querySelectorAll怎么用

querySelectorAll是一个DOM方法，用于选择匹配指定CSS选择器的所有元素。它返回一个NodeList对象，其中包含匹配选择器的所有元素。

使用方法：

1. 通过document对象调用querySelectorAll方法，传入一个CSS选择器作为参数。

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

2. 通过指定元素对象调用querySelectorAll方法，传入一个CSS选择器作为参数。

const elements = document.getElementById('element-id').querySelectorAll('.class-name');

3. 遍历NodeList对象，访问每个元素。

elements.forEach(element => {
  // do something with element
});

注意事项：

1. 选择器中的类名、ID、标签名等需要使用对应的符号（如.、#、空格等）进行标识。
2. 返回的NodeList对象是一个动态集合，即当DOM发生变化时，它会自动更新。
3. NodeList对象不是数组，但可以使用forEach方法进行遍历。如果需要使用数组方法，可以将NodeList对象转换为数组。

相关问题

document.querySelectorAll 使用规范

document.querySelectorAll是JavaScript中的一个方法，用于选择DOM元素并返回一个NodeList对象，该对象包含与指定选择器匹配的所有元素。

使用规范如下：
1. 选择器：作为参数传递给querySelectorAll的选择器可以是CSS选择器字符串，用于指定要选择的元素。例如，可以使用类名、标签名、ID等作为选择器。
2. 返回值：querySelectorAll返回一个NodeList对象，其中包含与选择器匹配的所有元素。NodeList类似于数组，可以通过索引访问其中的元素。
3. 遍历元素：可以使用for循环或forEach方法遍历NodeList中的元素，并对每个元素执行相应的操作。
4. 动态选择：querySelectorAll方法返回的是一个静态的NodeList对象，即使在调用该方法后文档中的元素发生变化，返回的NodeList也不会自动更新。如果需要动态选择元素，可以考虑使用其他方法，如querySelector。

querySelectorAll

querySelectorAll 是一个 JavaScript 方法，可以根据给定的 CSS 选择器选择匹配的所有元素。它返回一个 NodeList 对象，该对象包含所有匹配的元素。可以使用该方法来查找文档中的元素，并对它们执行操作，例如添加或删除类、修改文本内容等等。例如，以下代码将选择所有类名为 "example" 的元素，并将它们的文本内容设置为 "Hello World!":

const elements = document.querySelectorAll(".example");
elements.forEach(element => {
  element.textContent = "Hello World!";
});