document.queryselectorall

`document.querySelectorAll` 是 JavaScript 中的一个方法，用于在文档中查找所有符合 CSS 选择器的元素，并返回一个 NodeList 对象。例如：`document.querySelectorAll(".classname")` 将返回文档中所有 class 为 "classname" 的元素的 NodeList。

相关问题

document.querySelectorAll

document.querySelectorAll() 是一个 JavaScript 方法，用于选择文档中所有匹配指定 CSS 选择器的元素，并返回一个 NodeList 对象。NodeList 对象类似于数组，可以使用索引访问元素，也可以使用 forEach() 方法进行遍历。该方法可以用于获取文档中的多个元素，而不仅仅是单个元素。例如：

const elements = document.querySelectorAll('.my-class');
elements.forEach(function(element) {
  console.log(element.textContent);
});

上面的代码将选择文档中所有包含 'my-class' 类名的元素，并将它们的文本内容打印到控制台。

document.getElementClassName和 document.querySelectorAll

document.getElementClassName和 document.querySelectorAll都是用于获取HTML元素的方法，但它们有一些区别。

document.getElementClassName是一个旧的方法，用于通过类名获取元素。它返回一个HTMLCollection对象，该对象包含所有具有指定类名的元素。可以通过索引号来访问该集合中的元素。

document.querySelectorAll是一个相对较新的方法，它使用CSS选择器来选择元素。它返回一个NodeList对象，该对象包含所有与选择器匹配的元素。与HTMLCollection不同，NodeList是一个静态的集合，即使DOM结构发生变化，也不会自动更新。

由于querySelectorAll返回的是一个静态快照，它在处理大量元素时可能会比getElementClassName更快。而getElementClassName则更适用于只找到一个元素或较小的元素集合的情况。