Change background color dynamically with JavaScript

Question

In my css a background-color is defined set as white, but I want to change color dynamically body of page.

How do you do that? my CSS file:

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

my javascript code :

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

Thank you.

`document.body.style.color="white"` , `document.body.style.backgroundColor="black" ` ? — c.P.u1, Jun 26 '13 at 06:22
document.body.color is the same as color in css, it applies to text color, not background color. — CJT3, Jun 26 '13 at 06:25
Bookmark this [link](http://www.sitestepper.be/en/css-properties-to-javascript-properties-reference-list.htm) . It'll be very helpful for you. — mohkhan, Jun 26 '13 at 06:31

score 2 · Answer 1 · edited May 23 '17 at 11:52

2

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

edited May 23 '17 at 11:52

Community

answered Jun 26 '13 at 06:22

Paritosh

score 2 · Answer 2 · answered Jun 26 '13 at 06:22

2

For changing the style you need to access the style property, and the property of background-color is backgroundColor

 document.body.style.backgroundColor="white"

answered Jun 26 '13 at 06:22

Arun P Johny

2 Answers2