David
Posts: 40

Hi guys,

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?

Joe Gillespie
Posts: 528

Try

var dsv=doodah.style.value

David
Posts: 40

hmm, that didn't work.

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
}

Baxter
Posts: 157

I'm pretty dim when it comes to js, but I think you want background instead of backgroundcolor, and I think you need something after background to refer to the array.