CSS-Klasse per Javascript überschreiben

[Thomas Welsch]

Erstmal entschuldige ich mich bei euch für die lange Wartezeit.

function ChangeCSSRules(sel,prop,val)
{
  var styleobj;

if(document.styleSheets)
  {
    if(document.styleSheets.item(0).rules)styleobj=document.styleSheets.item(0).rules; // IE
    else if(document.styleSheets.item(0).cssRules)styleobj=document.styleSheets.item(0).cssRules; // Moz
  }

if(styleobj)styleobj.item(sel).style[prop]=val;
}

>   
> ...  
>   
> ~~~html
  

> <p class="roterText" onclick="ChangeCSSRules('roterText','color','#00F')">Text</p>

Funktioniert! Danke.

Der Austausch von Klassennamen ueber className ist allerdings praktikabler und wird von den aktuellen Browsern besser unterstuetzt.

Habe ich mir mittlerweile auch überlegt.

Eine Alternative zur Zuweisung von Style-Eigenschaften bietet die Methode setProperty():

mit setProperty bin ich nicht klargekommen, es geht aber mit setAttribute.

Nochmal vielen Dank. Du hast mir sehr geholfen und mir neue Einsichten in JS verschafft. Da ich nur selten damit arbeite, bin ich mit den Objekten, Eigenschaften und Methoden nicht so vertraut und da kann man schon verzweifeln.

Lieben Gruß

Thomas