I have a related question: how can I read the backgroundColor property of an element on the page? I want to be able to click on a div and see what color it is, but I can't read the backgroundColor property. I can read it after I change it in the javascript, but not the default color before I changed it. I want to read it from the element rather than from the stylesheets rules collection for reasons that make more sense when you look at the complete code, but here's an excerpt:
[HTML]<head>
<style type="text/css">
<!--
#theme {
position:absolute;
top:10px;
height:100px;
width:100px;
background-color:#FF99CC;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
function showColor(id) {
alert(document.getElementById(id).style.background Color);
document.getElementById(id).style.backgroundColor = '#CCCCCC';
alert(document.getElementById(id).style.background Color);
}
</script>
</head>
<body>
<div id="theme" onclick="showColor(this.id)">hello</div>
</body>[/HTML]
Thanks!
1
