querySelectorAll用法

querySelectorAll是一个DOM方法，可以通过CSS选择器来选择一个或多个元素。它返回一个NodeList对象，该对象包含复合指定选择器的所有元素。

语法：

document.querySelectorAll(selector)

其中，selector是一个字符串，表示要选择的元素的CSS选择器。

示例：

假设有以下HTML代码：

<ul id="list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

可以使用querySelectorAll方法来选择所有li元素：

const items = document.querySelectorAll('#list li');
console.log(items); // NodeList(3) [ <li>Item 1</li>, <li>Item 2</li>, <li>Item 3</li> ]

可以使用forEach方法遍历NodeList对象中的每个元素：

items.forEach(item => console.log(item.textContent));
// Item 1
// Item 2
// Item 3