js点击按钮改变背景色
时间: 2023-08-22 15:10:11 浏览: 166
JavaScript实现点击按钮切换网页背景色的方法
当用户点击按钮时,可以使用JavaScript来改变页面的背景色。可以通过以下代码来实现:
HTML代码:
```
<button onclick="changeColor()">点击我改变背景色</button>
```
JavaScript代码:
```
function changeColor() {
// 获取body元素
var body = document.querySelector('body');
// 改变背景颜色
body.style.backgroundColor = 'red';
}
```
当用户点击按钮时,`changeColor()`函数将被调用。该函数获取页面的`body`元素,并将其背景颜色设置为红色。可以将`red`替换为任何颜色值,例如`#00FF00`代表绿色。
阅读全文