Change CSS properties with getElementById

[Niavlys]

Hi,
I have this in my CSS page :

#School li a:active 
{ 
  color: #FFFFFF; 
  background: url(images/schoolmenu.gif) 0 -64px; 
  padding: 8px 0 0 10px; 
}

which I want to change the color onClick.
How do I access the color element using getElementById?
document.getElementbyId('School')...

Thanks.

 

[ChrisHirst]

document.getElementbyId('School')[red].style.color[/red]

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[BabyJeffy]

You can take any CSS property (pretty much) and do the same thing... in the event of the property being hyphenated (ie: background-color) you remove the hyphen and capitalise the next character (ie: backgroundColor). Remembering all the time that javascript is case sensitive.

If you can remember that simple technique, then you will never need to ask how to use javascript to fiddle with CSS interactively again!

Cheers,
Jeff

 

[tgreer]

Note, you're changing the inline style of the particular element. You're NOT changing the CSS declaration itself, so anything else with that class assigned is not changed.

That's a good thing, but it confused me when I was learning, so I thought I'd point it out.

Thomas D. Greer

http://www.tgreer.com

Providing PostScript & PDF
Training, Development & Consulting