javascript code to chnge background color of webpage to red if buttton red is clicked and green if green is clicked
时间: 2024-10-23 18:09:16 浏览: 5
trade-manager:海关贸易经理
在JavaScript中,你可以创建一个事件监听器来改变网页背景颜色,具体代码如下:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<style id="bg-color"></style>
</head>
<body>
<button id="red-btn" onclick="changeColor('red')">红色按钮</button>
<button id="green-btn" onclick="changeColor('green')">绿色按钮</button>
<script>
function changeColor(color) {
var bgColor = document.getElementById('bg-color');
bgColor.innerHTML = 'body { background-color: ' + color + '!important; }';
}
</script>
</body>
</html>
```
在这个例子中,我们有两个按钮,分别对应红色和绿色。当点击红色按钮时(`red-btn`),`changeColor`函数会被调用,传入参数`'red'`。这个函数获取页面中的`<style>`元素,然后更新其内容,设置body的背景色为红色(`background-color: red`)。同样,点击绿色按钮会将背景色改为绿色。
阅读全文