How can I set the background color of an HTML element 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: 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:

Css Example

Related