CSS-Klasseneigenschaften ermitteln

[bauchinj]

Hallo!

Ist es möglich mittels JS eine CSS-Klasse und dessen Eigenschaften zu ermitteln?

Wenn ich die Hintergrundfarbe eines Elements verändere:

document.getElementById('class').style.backgroundColor = '#fff';

funktioniert

class:hover

nicht mehr!

 

[Sven Mintel]

Moin,

das ist recht kompliziert und kann sehr umfangreich werden.

Das Problem ist: dein mit JS gesetztes Format ist quasi "inline" und hat als solche Vorrang vor global definierten Formaten.

Simpler Lösungsvorschlag:

#class:hover{background-color:#123456 !important}

Durch das !important steigt das global definierte Format in der Gewichtung und greift wieder

 

[bauchinj]

Great!

Eigentliche eine supereinfache Lösung

Hat auch noch jemand eine Idee, wie man eine Eingenschaft eine CSS-Klasse mittels JS ermitteln kann?

Dann wäre mein Tag auch schon wieder gerettet

Vielen, vielen Dank

 

[Sven Mintel]

Was meinst du mit

wie man eine Eingenschaft eine CSS-Klasse mittels JS ermitteln kann

Den Klassennamen eines Elementes?

 

[bauchinj]

Nein, zB:

p.class {
    color:'#fab';
   font-size:'12px';
   ......
}

Nun will ich ermitteln, welche Schriftfarbe (color) die Klasse p.class enthält. Verstehst du ungefähr was ich meine, es hat nichts mit p zu tun, ich will nur den Wert den color besitzt!

 

[Sven Mintel]

Das kann wie bereits erwähnt, recht umfangreich werden, generell erhältst du Zugriff über document.stylesheets (IE-Reference)

Falls du ein aktuell gegebenes style-Attribut auslesen willst(egal, woher es nun geerbt wird).... wären currentStyle/getComputedStyle() das passende Werkzeug.