css点击事件改变样式
时间: 2023-10-14 19:07:52 浏览: 140
要实现点击事件改变样式,可以使用JavaScript来实现。
首先,需要给需要绑定点击事件的元素添加一个id或class,以便能够在JavaScript中找到该元素。例如,给一个按钮添加一个id:
```html
<button id="myButton">点击我</button>
```
然后,在JavaScript中使用addEventListener()方法来为该元素添加一个点击事件,并在事件中修改该元素的样式。例如,让点击按钮时改变该按钮的背景色:
```javascript
var myButton = document.getElementById("myButton");
myButton.addEventListener("click", function() {
myButton.style.backgroundColor = "red";
});
```
这样,当用户点击该按钮时,按钮的背景色就会变为红色。你可以通过修改myButton.style的属性来改变按钮的样式。
阅读全文