how to set background color in javascript code example

Example 1: javascript style background color

// change background color for specific id ..
function changebackground(){
	document.getElementById('id').style.backgroundColor = 'green' ; 
}
// change background color for whole body..
function changebackground(){
	document.body.style.backgroundColor = 'green';
}

Example 2: javascript change background color

document.body.style.backgroundColor = "yellow";

Example 3: javascript change background color

function changeBackground(color) {
   document.body.style.background = color;
}

window.addEventListener("load",function() { changeBackground('red') });

Example 4: how to change background color using js

var warning = document.getElementById("warning");
  warning.style.background-color = "red";

Example 5: how to set background colour i js inline stylel

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Backgorund Color</title>
   </head>
   <body style="background-color:grey;">
      <h1>Products</h1>
      <p>We have developed more than 10 products till now.</p>
   </body>
</html>

Tags:

Html Example

Recent Posts