querySelectorAll 返回什么？

querySelectorAll 是一个 DOM API 方法，返回符合指定 CSS 选择器的所有元素的一个非静态的 NodeList 对象。NodeList 是一个类似数组的对象，可以使用 forEach 循环进行遍历。

用法示例：

const items = document.querySelectorAll('.item');
console.log(items); // NodeList(3) [li.item, li.item, li.item]

items.forEach(function(item) {
  console.log(item.textContent);
});

在上面的示例中，我们首先通过 querySelectorAll 方法选择所有 class 为 item 的元素，然后把返回的 NodeList 存储在一个变量 items 中，输出 items 可以看到 NodeList 中包含了三个 li 元素。

我们可以使用 NodeList 的 forEach 方法遍历这些元素，并输出它们的内容。

注意事项：

注意，NodeList 是一个类似数组的对象，它是非常类数组的对象，可以使用方括号等语法进行访问，但它不能像数组那样进行操作。如果需要对它进行数组的操作，可以将 NodeList 使用 ES6 的扩展运算符 ... 转换为数组，如下所示：

const itemsArr = [...items];

参考链接：

• MDN Web 文档：querySelectorAll()