屏幕上有多个div标签,如何用js实现点击一个具体的div使它改变颜色
时间: 2024-02-13 15:59:53 浏览: 160
可以使用以下代码实现:
HTML代码:
```
<div id="div1" onclick="changeColor(this)">DIV 1</div>
<div id="div2" onclick="changeColor(this)">DIV 2</div>
<div id="div3" onclick="changeColor(this)">DIV 3</div>
```
JavaScript代码:
```
function changeColor(element) {
element.style.backgroundColor = "red";
}
```
这段代码给每个div标签添加了一个onclick事件,当用户点击某个div时,就会调用changeColor函数,将该div的背景颜色改为红色。其中,this关键字代表当前被点击的div元素。
阅读全文