über JS einen wert in einer CSS-Class verändern

[kai]

hallo zusammen,

also wie ich einen style wert eines html elements über seine id
ändere ist mir klar, nun hab ich aberden fall das ich gerne
über javascript einen wert in einer css classe ändern will.
geht das ? und wenn ja wie ?

also
<--
.haupttext {
font-family:arial;
font-size:11px;
color:#000000;
}
-->

nun möchte ich mit einem JS aufruf z.B. den wert für
'color' auf #333333 setzen ...
also natürlich nicht in der css datei schreiben sondern nur
in der momentanen browser ansicht.

geht das ?

vielen dank
kai

[Thomas J.S.]

Hallo,

also wie ich einen style wert eines html elements über seine id
ändere ist mir klar, nun hab ich aberden fall das ich gerne
über javascript einen wert in einer css classe ändern will.
geht das ? und wenn ja wie ?

Ginge mit Document Object Model (DOM) Level 2 Style Specification
(Wird aber kaum von den Browser Interpretiert) was dich dabei konkret interessieren könnte ist: cssRule.selectorText:
http://developer.mozilla.org/en/docs/DOM:cssRule.selectorText und setProperty("color", "#333")

Mangels Browserunterstützung wäre es wohl einfacher, wenn du veruchtest alle Elemente mit dem Attribut-Wert-Paar: » class="haupttext" « zu finden und dann mit style.color = "#333" die Farbe zu ändern.

Grüße
Thomas

[Cybaer]

Hi,

nun hab ich aberden fall das ich gerne
über javascript einen wert in einer css classe ändern will.
geht das ? und wenn ja wie ?

Ja, aber man muß um ein paar "Browsereigenheiten" ;-> "herumarbeiten" -> Coding: CSS-Regeln (& Stylesheets) auslesen & ändern

nun möchte ich mit einem JS aufruf z.B. den wert für
'color' auf #333333 setzen ...

cssRule(".haupttext","color","#333333");

Klappt in allen "neuen" Browsern und liefert true zurück, oder false, falls es nicht geklappt hat.

Gruß, Cybaer