CSS点击改变背景颜色
时间: 2024-01-10 20:50:23 浏览: 74
点击改变颜色
4星 · 用户满意度95%
可以通过JavaScript来实现。在HTML中设置一个div元素,然后在JavaScript中通过querySelector获取该元素,然后通过addEventListener添加click事件,再在事件处理函数中修改div元素的背景颜色即可。具体代码如下:
HTML:
```
<div id="container">
这是一个div
</div>
```
JavaScript:
```
var container = document.querySelector("#container");
container.addEventListener("click", function() {
container.style.backgroundColor = "blue";
});
```
当用户点击div时,div的背景颜色会变成蓝色。
阅读全文