Script-Zugriff auf CSS Pseudoklassen?
Gwenndoiriel
- javascript
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
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