可以使用JavaScript来实现此功能。具体步骤如下:

  1. 给每个div元素设置一个唯一的id属性。
  2. 使用JavaScript的querySelectorAll()方法获取所有需要改变背景颜色的div元素。
  3. 使用JavaScript的forEach()方法遍历每个div元素,给它们添加一个点击事件监听器。
  4. 在点击事件监听器中,使用JavaScript的style属性来改变div元素的背景颜色。

以下是示例代码:

HTML代码:

<div id="div1">Div 1</div>
<div id="div2">Div 2</div>
<div id="div3">Div 3</div>

JavaScript代码:

// 获取所有需要改变背景颜色的div元素
var divs = document.querySelectorAll("#div1, #div2, #div3");

// 遍历每个div元素,添加点击事件监听器
divs.forEach(function(div) {
  div.addEventListener("click", function() {
    // 改变div元素的背景颜色
    div.style.backgroundColor = "red";
  });
});

在上面的代码中,我们首先使用querySelectorAll()方法获取了id为div1、div2、div3的三个div元素。然后使用forEach()方法遍历每个div元素,并给它们添加了一个点击事件监听器。在点击事件监听器中,我们使用style属性来改变div元素的背景颜色为红色

如何获取多个元素的div的id并根据点击使其改变背景颜色

原文地址: https://www.cveoy.top/t/topic/ca1P 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录