style.background 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: js style background image by id

document.getElementById('Demo').style.backgroundImage = "url('Test.png')";

Example 3: javascript change background color

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

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

Example 4: document.body.style.background

// Change the background color to red
document.body.style.backgroundColor = "red";