使用JavaScript动态更改背景颜色

Question

我的CSS文件中定义了一个背景颜色为白色，但我想要动态地改变页面的背景颜色。

你该如何做呢？我的CSS文件如下：

body {
    color: #333;
    background-color: #FFF;
}

我的 JavaScript 代码：

function init() 
{
    document.body.style.zoom="90%";
    document.body.color="white";
}

谢谢。

- Jethro Ncis

---

document.body.style.color="white"，document.body.style.backgroundColor="black" - c.P.u1

document.body.color与css中的color相同，它适用于文本颜色而非背景颜色。 - CJT3

收藏这个链接，对你会非常有帮助。 - mohkhan

Answer 1

document.body.style.background = 'yourColor';

如何使用Javascript更改背景颜色？

- Paritosh

Answer 2

要更改样式，您需要访问style属性，而background-color属性是backgroundColor

 document.body.style.backgroundColor="white"

- Arun P Johny