可以通过CSS代码来实现网页背景色改变,如下示例:
HTML代码:
CSS代码:
body {
background-color: #fff; /* 初始背景色 */
}
body.change-bg {
background-color: #f00; /* 更换后的背景色 */
}
JavaScript代码:
var btn = document.getElementById('color-btn');
btn.addEventListener('click', function() {
document.body.classList.toggle('change-bg');
});
以上代码实现了在按钮点击时将网页背景色从白色改为红色,并可通过再次点击按钮切换回白色背景。
上一篇:背景色改变导致图表消失
下一篇:背景色滑块