Manuel: cssRules mit JavaScript modifizieren

Hallo,

ich benutze momentan folgende Syntax, um dynamisch Regeln in einem Stylesheet zu ändern (ein Beispiel, verkürzt):

Stylesheet:
[...]
div.kommentarText{top:10px;left:10px;width:460px;height:210px;padding:10px;background-color:#E9EDF3;}
[...]

JavaScript:
[...]
document.styleSheets[0].cssRules[30].style.width = "480px";
[...]

Das Ganze funzt tadellos, wird aber mit zunehmender Zahl von Regeln völlig unübersichtlich.
Deshalb würde ich gerne nicht mehr über die "laufende Nummer" der Regel, sondern über den Namen, also hier "div.kommentarText", zugreifen.

Geht das? Wenn ja, wie würde hier die Syntax lauten?

Vielen Dank und viele Grüße, Manuel

  1. Hallo,

    Geht das? Wenn ja, wie würde hier die Syntax lauten?

    Das geht nicht ohne weiteres. Du müsstest die Regeln durchlaufen und nach der Regel mit dem entsprechenden Selektor suchen. Struppis Bibliothek nimmt dir diese Aufgaben ab.

    Mathias