设计如下页面要求能够根据用户选择的颜色修改div背景色。
时间: 2024-03-02 11:48:55 浏览: 49
改变页面背景颜色
可以使用JavaScript来实现该功能。首先,在HTML中定义一个div元素和一些颜色选项按钮:
```html
<div id="myDiv">这是一个div元素</div>
<button onclick="changeColor('red')">红色</button>
<button onclick="changeColor('green')">绿色</button>
<button onclick="changeColor('blue')">蓝色</button>
```
接下来,在JavaScript中定义一个函数`changeColor()`,该函数接收一个颜色参数,并将div元素的背景色设置为该颜色:
```javascript
function changeColor(color) {
var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = color;
}
```
现在,当用户点击颜色选项按钮时,将会调用`changeColor()`函数并传递相应的颜色参数,从而使div元素的背景色改变为用户选择的颜色。
阅读全文