http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/ A Scripting forum thread at WPDFD.com en-us 01/15/05, 015 34 2005 2005:%i:1105821298 15:34:58 06/07/13, 158 26 2013 2013:%i:1370589990 03:26:30 http://blogs.law.harvard.edu/tech/rss NineLabs Framework Feed Generator sitemaster@wpdfd.com sitemaster@wpdfd.com http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1715
I know you can change CSS values by using:

var doodhah = document.getElementById('name')
doodah.style.value = 'value'

But what do I do if I want to find out what the value of doodah.style.value already is?]]> 01/15/05, 015 34 2005 2005:%i:1105821298 15:34:58 http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1715 http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1716
var dsv=doodah.style.value]]> 01/16/05, 016 34 2005 2005:%i:1105875297 06:34:57 http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1716 http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1717
I also tried putting it into a function but that didn't work either.  I'll paste the relevant code below.  (For the time being I've put the values directly into the script but I changed the first element in the array to show what I'd like to do).

var homeInfo = document.getElementById('home');
     var homeBgCol = homeInfo.style.backgroundColor;

     bgCol[1] = [homeBgCol];
     bgCol[2] = ['#aa7a00'];
     bgCol[3] = ['#dab372'];
     bgCol[4] = ['#bc8860'];

If I examine the js console in Firefox I get told:

Error: homeInfo has no properties.

Of course, it does have properties and the same code works fine elsewhere in the script.  The relevant css is reproduced below:

#home
{
 position: absolute;
 height: 1.1em;
 width: auto;
 margin-top: 1em;
 margin-left: 0px;
 margin-right: 0px;
 background-color: #ca7e02
}]]> 01/16/05, 016 32 2005 2005:%i:1105911137 16:32:17 http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1717 http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1718 01/17/05, 017 36 2005 2005:%i:1105972614 09:36:54 http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1718 http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1719
I didn't relate all of the code above but I've got a function calling the array elements later on in the script which actually sets the stuff.  That works fine as well.  The script works fine if I put the values directly into the array; it's only when I try to call the colours from the CSS that I run into problems.  It's doesn't matter too much having the colours described in the script but I'd rather keep them in the CSS where they idealy belong.

I don't understand why the parser returns that error either because I have similar code elsewhere in the script that produces no such error.]]> 01/17/05, 017 41 2005 2005:%i:1105983711 12:41:51 http://www.wpdfd.com/forums/wpdfd/scripting/retrieving_css_values_via_javascript/#p1719