Stylesheeteigenschaften onClick ändern

[Gunther]

Hi Chriz,

Ich suche gerade nach einem weg, um festgelegte Styles onClick zu ändern, ohne alle Elemente, die mit dem Style versehen sind, abzufragen.

Bspw:
.test1{font-family:arial;color:#ffffff;font-weight;normal}

Mehrere Objekte bekommen den Style nun zugewiesen und onClick würde ich gerne etwas wie

test1.style.color='#000000';

machen und sämtliche Objekte haben nun schwarzen Text.
Geht das(mein Beispiel klappt nicht), oder muss ich da eine komplexe Abfrage bauen?

Wie soll das gehen, ohne die Styleeigenschaft jedes 'betroffenen' Elements einzeln zu ändern? Das ginge imho nur dann, wenn man Variablen in Stylesheets verwenden könnte (was nicht geht) und diese per JS ändern könnte.

Was du machen kannst ist, wenn du die möglichen Alternativen schon kennst, ist die komplette CSS Datei 'auszutauschen'.
Stichwort 'Styleswitcher' (siehe Google).

Ob du dafür eine serverseitige Variante mit PHP bspw. oder eine Lösung mit JS nimmst, bleibt dir überlassen.

Gruß Gunther