How to Change Background Color of Document using JavaScript onclick ?

December 27, 2011 No Comments » Hits : 190



<html>

<head>
<script type="text/javascript">
<!--
function changeBGC(color){
document.bgColor = color;
}
//-->
</script>
</head>

<body>

<a href="#" onClick="changeBGC('#FF0000')">Background: Red</a><br/>
<a href="#" onClick="changeBGC('#00FF00')">Background: Green</a><br/>
<a href="#" onClick="changeBGC('#0000FF')">Background: Blue</a>

</body>

</html>

Explanation :

function changeBGC(color)
{
document.bgColor = color;
}
  • Function changeBGC() will change background color of the page.
  • This function is triggered by clicking on the link.
  • When link is clicked onclick event is triggered by calling function.

Syntax of Calling JS Function :

<a href="#" onClick="changeBGC('#FF0000')">Background: Red</a>

Incoming search terms:

About the author: View all posts by
My name is Pritesh Taral. I am working in well known MNC. as Java Developer. I am part time blogger loves writing articles on C/C++. I am active on facebook using community fan page .One can Visit me @ Facebook Facebook Fan Page