js 查询元素下的所有其他元素 并修改他们的背景颜色

如果你想查询某个元素下的所有其他元素并修改他们的背景颜色，可以使用 JavaScript 中的 `querySelectorAll` 方法和 `forEach` 方法。

例如，假设你有一个 HTML 元素：

<div id="parent">
  <span>元素1</span>
  <span>元素2</span>
  <span>元素3</span>
</div>

你可以使用以下代码查询 `id` 为 `parent` 的元素下所有的 `span` 元素，并将它们的背景颜色设置为红色：

const parent = document.querySelector('#parent');
const spans = parent.querySelectorAll('span');

spans.forEach(span => {
  span.style.backgroundColor = 'red';
});

首先，我们使用 `querySelector` 方法获取 `id` 为 `parent` 的元素，然后使用 `querySelectorAll` 方法获取该元素下的所有 `span` 元素，并将它们存储在变量 `spans` 中。

然后，我们使用 `forEach` 方法遍历每个 `span` 元素，并将它们的背景颜色设置为红色。

需要注意的是，`querySelectorAll` 方法返回的是一个 NodeList 对象，而不是数组，因此不能直接使用数组的方法。如果你想使用数组的方法，可以将 NodeList 对象转换为数组：

const parent = document.querySelector('#parent');
const spans = Array.from(parent.querySelectorAll('span'));

spans.forEach(span => {
  span.style.backgroundColor = 'red';
});

在上面的代码中，我们使用 `Array.from` 方法将 NodeList 对象转换为数组，然后使用数组的 `forEach` 方法遍历数组中的每个元素。