apstrakt: class-Attribut dynamisch verändern

Beitrag lesen

Hallo!

Dynamisch mit JavaScript das style-Attribut eines HTML-Objekts zu verändern, ist ja kein Problem. Manchmal wäre es aber sicher einfacher, wenn man einfach die Klasse, zu der das Objekt gehört, umzuändern, so daß die CSS für die neue Klasse greifen und man nicht alle style-Eigenschaften einzeln ändern muß. Geht das auch?

Beispiel:

CSS-Definitionen etwa:

.text1 { background-color:yellow; }
.text2 { background-color:red;}

im HTML-Dokument steht irgendwo:

<p class="text1">ganz viel text</p>

Irgendwo also ein Link oder Event, wo das Script den Style dieses Absatzes ändern soll, also quasi das class="text1" durch class="text2" austauscht.

Nun kann man natürlich nicht so einfach auf das Attribut "class" zugreifen (etwa mit objekt.class), weil "class" ja ein Schlüsselwort ist, also gar nicht der Name einer Objekteigenschaft sein kann. Mir ist nun aber aufgefallen, daß man mit setAttribute() bzw. getAttribute() auch nicht sehr weit kommt: im Netscape7 funktioniert es zwar, aber nicht im Internet Explorer. Gibt es vielleicht noch eine andere Möglichkeit?

Tschau,
apstrakt