如何获取多个元素的div的id并根据点击使其改变背景颜色
可以使用JavaScript来实现此功能。具体步骤如下:
- 给每个div元素设置一个唯一的id属性。
- 使用JavaScript的querySelectorAll()方法获取所有需要改变背景颜色的div元素。
- 使用JavaScript的forEach()方法遍历每个div元素,给它们添加一个点击事件监听器。
- 在点击事件监听器中,使用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元素的背景颜色为红色
原文地址: https://www.cveoy.top/t/topic/ca1P 著作权归作者所有。请勿转载和采集!