Changing background color defined in CSS stylesheet

[2good2b]

Is there a way to change the background color dynamically, when the
color is defined at a CSS stylesheet?
(tried document.bgcolo r and this.style.back ground-color)
Thanks

[Randy Webb]

2g*****@gmail.c om said the following on 2/23/2007 7:47 PM:

Is there a way to change the background color dynamically, when the
color is defined at a CSS stylesheet?
(tried document.bgcolo r and this.style.back ground-color)

document.body.s tyle.background Color="newColor "
Opera9 doesn't like it though.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javas cript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

[=?ISO-8859-1?Q?G=E9rard_Talbot?=]

2g*****@gmail.c om wrote :

Is there a way to change the background color dynamically, when the
color is defined at a CSS stylesheet?
(tried document.bgcolo r and this.style.back ground-color)
Thanks

Assuming this is your stylesheet declaration:

<style type="text/css">
body {color: black; background-color: white;}
</style>
and that you want to change the background-color to silver,

then:

if(document.sty leSheets && document.styleS heets[0].cssRules)
// DOM 2 Stylesheets compliant
{
document.styleS heets[0].cssRules[0].style.backgrou ndColor = "silver";
}
else if(document.sty leSheets && document.styleS heets[0].rules)
// IE specific
{
document.styleS heets[0].rules[0].style.backgrou ndColor = "silver";
};

W3C DOM 2 Style sheet: Attribute styleSheets
http://www.w3.org/TR/2000/REC-DOM-Le...-DocumentStyle

W3C DOM 2 CSS: Attribute cssRules
http://www.w3.org/TR/2000/REC-DOM-Le...Sheet-cssRules

Gérard
--
Using Web Standards in your Web Pages (Updated Dec. 2006)
http://developer.mozilla.org/en/docs...your_Web_Pages

[2good2b]

On Feb 24, 10:38 pm, Gérard Talbot <newsblahgr...@ gtalbot.orgwrot e:

2goo...@gmail.c om wrote :

Is there a way to change the background color dynamically, when the
color is defined at a CSS stylesheet?
(tried document.bgcolo r and this.style.back ground-color)
Thanks

Assuming this is your stylesheet declaration:

<style type="text/css">
body {color: black; background-color: white;}
</style>
and that you want to change the background-color to silver,

then:

if(document.sty leSheets && document.styleS heets[0].cssRules)
// DOM 2 Stylesheets compliant
{
document.styleS heets[0].cssRules[0].style.backgrou ndColor = "silver";
}
else if(document.sty leSheets && document.styleS heets[0].rules)
// IE specific
{
document.styleS heets[0].rules[0].style.backgrou ndColor = "silver";
};

W3C DOM 2 Style sheet: Attribute styleSheetshttp ://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/stylesheets....

W3C DOM 2 CSS: Attribute cssRuleshttp://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/css.html#CSS...

Gérard
--
Using Web Standards in your Web Pages (Updated Dec. 2006)http://developer..mozilla.org/en/doc...s_in_your_Web_...

Worked like a charm, thank you Gérard!!