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
– c.P.u1, Commented Jun 26, 2013 at 6:22
document.body.color is the same as color in css, it applies to text color, not background color. — CJT3
– CJT3, Commented Jun 26, 2013 at 6:25

Community · Accepted Answer · 2017-05-23 11:52:20Z

2

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

CommunityBot

11 silver badge

answered Jun 26, 2013 at 6:22

Paritosh

11.7k5 gold badges64 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Arun P Johny · Accepted Answer · 2013-06-26 06:22:50Z

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, 2013 at 6:22

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges