queryselectorall() 通过接收 css 选择器字符串，返回包含所有匹配元素的静态 nodelist。调用该方法后，浏览器会立即遍历文档并收集结果，开发者可直接通过索引访问或转换为数组进行迭代。
如何获取特定类名的元素集合
使用类选择器 .className 即可获取所有具有该类的元素。例如 document.querySelectorAll('.item') 返回所有 class 为 item 的节点列表。
const items = document.querySelectorAll('.item');
console.log(items.length); // 匹配数量
items.forEach(item => console.log(item.textContent));如何处理伪类选择器的限制
querySelectorAll() 不支持伪类选择器如 :hover 或 :checked。若需获取选中状态，应改用属性选择器 [checked] 或 :is() 等标准 CSS 语法。
立即学习“Java免费学习笔记（深入）”；
// 错误：不支持 :hover
// const hovered = document.querySelectorAll(':hover');
// 正确：使用属性选择器获取选中的复选框
const checkedBoxes = document.querySelectorAll('input[type="checkbox"][checked]');基于输入空值时的返回结果是什么
当传入空字符串或无效选择器时，方法不会报错，而是直接返回一个空的 Nodelist。其长度为 0，且不可迭代内容，但对象本身依然有效。
