点击button按钮改变button按钮颜色
时间: 2023-09-07 19:17:54 浏览: 103
简单的JS控制button颜色随点击更改的实现方法
以下是使用JavaScript代码实现点击按钮改变按钮颜色的示例:
HTML代码:
```
<button id="myButton">Click me</button>
```
JavaScript代码:
```
var button = document.getElementById("myButton");
button.onclick = function() {
button.style.backgroundColor = "red";
};
```
在上面的代码中,我们首先通过`document.getElementById`方法获取按钮元素,然后将其存储在`button`变量中。接着,我们使用`button.onclick`方法来定义点击按钮时要执行的操作,即改变按钮的背景颜色为红色。
阅读全文