/ [CSS] Denkblockaden und Klasseneigenschaften ändern

[Daniel Thoma]

Hallo 7ohan,

So ging es mir heute (was für eine Überleitung!), als ich versucht habe, für eine Klasse eine Eigenschaft per JavaScript zu ändern. Also z.B. per Klick auf einen Schalter eine Menge Sachen, die alle zu einer bestimmten Klasse gehören, anzuzeigen oder auszublenden (display:none;).

Du willst also per JavaScript die Eigenschaften einer CSS-Klasse ändern?

Das geht mit:

var cssRules = document.styleSheets[0].cssRules;
for(var i = 0; i < rules.length; i++) {
  if(rules[i].selectorText == "." + className) {
    rules[i].style.display = "none";
    break;
  }
}

Der Code ist ungetestet. In Geckos sollte der auf jeden Fall funktionierten, wie es mit andern Browser aussieht, musst Du ausprobieren.

Recht übersichtliche Dokumentation die auch das CSS-DOM beschreibt:
< http://www.mozilla.org/docs/dom/domref/>

Die W3C-Spezifikation:
http://www.w3.org/TR/2000/REC-DOM-Level-2-Style-20001113/

In Selfhtml ist das noch nicht dokumentiert.

Grüße

Daniel