Gwenndoiriel: Script-Zugriff auf CSS Pseudoklassen?

Hiho

Frage:
Ist es mit JavaScript (DOM) möglich, auf CSS-Pseudoklassen zuzugreifen?
z.B.

<style>
a:hover {color: red; }
</style>

und dann

<script>
var Hoverfarbe = document.getElementById('einLink').style.hover.color?
</script>

(Das funktioniert nicht, aber gibt es eine Möglichkeit, irgendwie lesend und/oder schreibend auf die Pseudoklassen zuzugreifen?

Danke un Gruss
Gwenndoriel

  1. Hallo,

    (Das funktioniert nicht, aber gibt es eine Möglichkeit, irgendwie lesend und/oder schreibend auf die Pseudoklassen zuzugreifen?

    Man kann ueber die document.styleSheets-Collection den Selektor mit :hover-Definition ausfindig machen und dann auch Styles aendern:

    IE
    document.styleSheets.item(i).rules.item(j).style.property

    Mozilla
    document.styleSheets.item(i).cssRules.item(j).style.property

    mit i = Nr des Stylesheets (ab 0) und j = Nr des Selektors (ab 0).

    Die Eigenschaft selectorText liefert beim Durchlaufen der Collections z. B. "a:hover", wenn eine solche Definition vorliegt.

    MfG, Thomas