Get background Color in JavaScript

Description

The following code shows how to get background Color.

Example


<!--  w  w w  .  j  a  v  a 2s. co m-->
<html>
<head>
<script type="text/javascript">
function getColor() {
var oDiv = document.getElementById("myDiv");
alert(oDiv.style.backgroundColor);
}
</script>
</head>
<body>
<div id="myDiv" style="background-color: red; height: 50px; width: 50px"></div><br />
<input type="button" value="Get Background Color" onclick="getColor()" />
</body>
</html>

Click to view the demo

The code above generates the following result.

Get background Color in JavaScript
Home »
  Javascript Tutorial »
    Style »
      Color
Javascript Tutorial Color
Change background color in JavaScript
Change background for a paragraph element i...
Change color for a paragraph element in mou...
Change color in JavaScript
Change element color by setting the color s...
Change the color style in JavaScript
Get Color in JavaScript
Get and set node background color in JavaSc...
Get background Color in JavaScript
Remove CSS background property with event.t...
Remove CSS color property with event.target...
Update bacground color recursively in JavaS...