JavaScript – Background color

Background color can be changed by JavaScript with style and bgColor property.

This example helps you to change background color of a part or full document webpage.

To change document background color we need to use document property.

And if we want to change some part of page, we need to use style property.

<html>
<head>
<title>JavaScript background color</title>
<script>
function chgBg()
{
  document.getElementById("bg").style.backgroundColor="#CC9900"
}
</script>
</head>

<body>
<div id="bg">This is background color</div>
<a href="javascript:chgBg()">Change Background color</a>
</body>
</html>

Another example of background color can be of full page

<html>
<head>
<title>JavaScript background color</title>
<script>
function chgBg()
{
  document.bgColor="#CC9900"
}
</script>
</head>

<body>
<a href="javascript:chgBg()">Change Background color</a>
</body>
</html>

demo

Bookmark  

 

Leave a Reply

Security Code:

 

  Random Post