document.querySelector查找所有符合的元素设置背景色

`document.querySelector()` 是 JavaScript 的 DOM 操作方法，用于选取文档中第一个匹配指定 CSS 选择器的元素。如果想要给所有符合某个特定CSS选择器的元素设置背景色，你应该使用 `querySelectorAll()` 方法，因为它会返回一个NodeList，包含所有匹配的选择器的所有元素。

例如，如果你想将所有 `.my-class` 类的元素背景色设为红色，你应该这样做：

let elements = document.querySelectorAll('.my-class');

elements.forEach(element => {
  element.style.backgroundColor = 'red';
});

上述代码首先找到所有的 `my-class` 类的元素，然后遍历它们，将每个元素的 `backgroundColor` 属性设置为红色。

注意，这种方式只适用于你想一次改变所有匹配元素的情况。如果你只想对单个元素应用这样的更改，就继续使用 `querySelector()` 并直接操作单个元素。

另外，为了保证代码在运行时的兼容性和性能，建议你在使用前检查元素是否已经被选中，因为 `querySelectorAll()` 返回的是静态的，不会随着DOM的变化而动态更新：

if (elements.length > 0) {
  elements.forEach(element => {
    element.style.backgroundColor = 'red';
  });
} else {
  console.log('No elements found with the specified selector.');
}