Ashura: CSS-Klasse per Javascript überschreiben

Beitrag lesen

Hallo Thomas.

Nehmen wir an, ich habe in der Klasse

.roterText {color: #ff0000}

vor, den roten Text in blau abzuändern.

Vorhin wolltest du noch die gesamte Klasse abändern.
Dies tut man mit className. Was du nun willst, ist etwas anderes.

<script language=javascript>

Bitte verzichte auf das veraltete language-Attribut.
Nutze das geläufige http://de.selfhtml.org/html/transit/scripts.htm#definieren@title=type-Attribut.
Verzichte nicht auf die Anführungszeichen für Attributwerte.

className = 'roterText';

document.styles.className.color = '#0000ff';

  
Mir ist kein Unterobjekt „styles“ beim document-Objekt bekannt.  
Zudem ist die Bezeichnung „roterText“ für eine Klasse denkbar ungeeignet. Was, wenn du in einem halben Jahr entscheidest, dass der Text nun plötzlich marineblau sein soll? Wirst du dann immer wissen, dass „roterText“ für marineblauen Text steht?  
Die Bezeichnungen für IDs und Klassen sollten immer Aufschluss über den jeweiligen Inhalt geben.  
  

> geht leider nicht. Was mache ich falsch? Vielleicht bist du ja so lieb und gibst mir den entscheidenden Tipp.  
  
Warum legst du nicht einfach die beiden gewünschten Klassen fest und wechselst sie wie beschrieben?  
  
Oder willst du lediglich einzelne CSS-Eigenschaften ändern?  
Es gibt--anhängig von deiner HTML-Struktur--noch weitaus mehr Zugriffsmethoden für Objekte, als getElement\*.  
Poste daher entweder den betroffenen Teil deines Dokumentes oder stelle eine Live-Demo online.  
  

> PS: Das Dumme ist, das noch nicht einmal eine Fehlermeldung kommt...  
  
Dann nutze die JS-Konsole von Firefox.  
  
  
Einen schönen Montag noch.  
  
Gruß, Ashura  

-- 
[The End of an Era...](http://www.nightwish.com/english/lettertotarjaen.html)