要求能够根据用户选择的颜色修改div背景色。点击“修改div背景色”按钮后完成修改。
时间: 2023-12-15 13:05:40 浏览: 141
css设置div背景颜色的方法
好的,我明白了您的要求。以下是一个简单的实现方式:
HTML代码:
```html
<div id="myDiv">这是一个div</div>
<button id="changeColorBtn">修改div背景色</button>
```
JavaScript代码:
```javascript
document.getElementById("changeColorBtn").addEventListener("click", function() {
var color = prompt("请输入颜色代码(例如:#ff0000):");
if (color) {
document.getElementById("myDiv").style.backgroundColor = color;
}
});
```
当用户点击“修改div背景色”按钮时,会弹出一个输入框让用户输入颜色代码,用户输入完成后,代码会将输入的颜色代码赋值给div的背景色属性,从而实现修改div背景色的功能。
阅读全文