How do you change the background color of your HTML document using JavaScript

Question

I've tried many different examples, but none seem to work. :(. Please find the code snippet below.

var element = document.getElementById("time");
element.style.backgroundColor = "#ff0000";

The code above didn't work for me and I have no idea why.

Please help!

Answer 1

You can get the HTML tag with document.documentElement to apply styles to.

 document.documentElement.style.backgroundColor = "#ff0000";

You can also get the body tag with document.body to apply styles to.

 document.body.style.backgroundColor = "#ff0000";