récuperer les proprietés css d'un a:hover

Bonjour,

j'ai dans ma feuille de style des propriétés sur des a:HOVER .
J'ai besoin de récupérer ces valeurs afin de réaliser des traitements conditionnels sur ces éléments, mais je n'ai trouvé aucune méthode pour récupérer ces valeurs !
J'ai cherché avec et sans l'aide de JQUERY. :calim2:

PS : je ne cherche pas à réaliser des "hover" en js sur mes éléments, mais bien récupérer ses propriétés css attribuées sur le ":HOVER".

:koi:

Tu peux toujours regarder du coté des collections stylesheets et rules.

Tu dois avoir moyen de le faire, par exemple avec la biblio Prototype, en utilisant le bon sélecteur css tu peux récupérer les styles que tu veux :
http://api.prototypejs.org/language/dollardollar/

Code:

---

ex: $$('a:hover')

---

Puis :

http://api.prototypejs.org/dom/element/getstyle/

EDIT: J'ai testé sur un textarea pour le fun et ça fonctionnait.

Merci beaucoup pour vos réponses ;)

Effectivement, par le biais d'une boucle for sur le document.styleSheets.cssRules, j'ai trouvé mon bonheur ^^ :

Code:

---

1 2 3 4 5 6 7 8

ss = document.styleSheets; for(i=0; i<ss.length; i++) { for(j=0; j<ss[i].cssRules.length; j++) { console.log( ss[i].cssRules[j].style.cssText ); } }

---

affiche toutes les règles css :)


concernant prototypeJS, je n'utilise que jquery, mais étonné de voir qu'il existe un sélecteur 'css' . J'ai cherché et pas trouvé de tel selecteur en jquery (uniquement sur les elements et attributs du dom)