Menu
Community /Pin to ProfileBookmark
@cootheadOct 28.2005 — #Hi there bokeh,
try it like this.....
[b]Note[/b]:- this script is by [b]lioran[/b] not...
[i]coothead[/i]
reading backgroundColor of an element
This:
[code=php]alert(document.getElementById(‘cell_1’).style.backgroundColor);
is just returning a blank. Is it not possible to read style from an element in this fashion? Here’s the rest of the script:
[code=php]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<style type=”text/css”>
table{
border: 1px solid #000;
}
td{
width: 80px;
height: 100px;
border: 1px solid #000;
}
#cell_1{
background-color: #0f0
}
#cell_2{
background-color: #00f
}
#cell_3{
background-color: #c0f
}
#cell_4{
background-color: #f92
}
#cell_5{
background-color: #f00
}
#cell_6{
background-color: #ff0
}
#cell_7{
background-color:
}
</style>
<title>Untitled</title>
</head>
<body>
<table>
<tr>
<td id=”cell_1″ onclick=”move(this.id);”> </td>
<td id=”cell_2″ onclick=”move(this.id);”> </td>
<td id=”cell_3″ onclick=”move(this.id);”> </td>
<td id=”cell_4″ onclick=”move(this.id);”> </td>
<td id=”cell_5″ onclick=”move(this.id);”> </td>
<td id=”cell_6″ onclick=”move(this.id);”> </td>
<td id=”cell_7″ onclick=”move(this.id);”> </td>
</tr>
</table>
<script type=”text/javascript”>
alert(document.getElementById(‘cell_1’).style.backgroundColor);
</script>
</body>
</html>
Sign in
to post a comment2 Comments(s) ↴
0
@cootheadOct 28.2005 — #Hi there bokeh,try it like this.....
[color=navy]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
<!--
[color=purple]
/****************************
Note:- This script is by lioran not coothead.
****************************/[/color]
function test(id){
var el = document.getElementById(id);
<i> </i>if(document.defaultView && document.defaultView.getComputedStyle) {
// IS MOZILLA BASED BROWSER //;
var bg = document.defaultView.getComputedStyle(el, '').getPropertyValue("background-color");
<i> </i> alert('DOM way: '+bg);
<i> </i>}
<i> </i>else if(document.uniqueID && el.currentStyle){ // IS INTERNET EXPLORER //;
<i> </i> alert('IE way: '+el.currentStyle.backgroundColor);
<i> </i>}
}
//-->
</script>
<style type="text/css">
table{
border: 1px solid #000;
}
td{
width: 80px;
height: 100px;
border: 1px solid #000;
}
#cell_1{
background-color: #0f0
}
#cell_2{
background-color: #00f
}
#cell_3{
background-color: #c0f
}
#cell_4{
background-color: #f92
}
#cell_5{
background-color: #f00
}
#cell_6{
background-color: #ff0
}
#cell_7{
background-color:
}
</style>
</head>
<body>
<table><tr>
<td id="cell_1" onclick="test(this.id)">&nbsp;</td>
<td id="cell_2" onclick="test(this.id)">&nbsp;</td>
<td id="cell_3" onclick="test(this.id)">&nbsp;</td>
<td id="cell_4" onclick="test(this.id)">&nbsp;</td>
<td id="cell_5" onclick="test(this.id)">&nbsp;</td>
<td id="cell_6" onclick="test(this.id)">&nbsp;</td>
<td id="cell_7" onclick="test(this.id)">&nbsp;</td>
</tr></table>
</body>
</html> [/color][b]Note[/b]:- this script is by [b]lioran[/b] not...
[i]coothead[/i]