[CSS & JS] Recuperare valore di una classe

E' possibile recuperare il valore di uno stile di una classe attraverso JavaScript.
Per esempio, voglio recuperare il colore che ho assegnato nel foglio di stile ai tag a. Naturalmente recuperando i vari valori nel caso di hover, visited, ecc.

Qualcosa in JS lo puoi fare, usando la proprietà className che di solito si usa per cambiare dinamicamente tutti gli stili di un elemento, ad esempio così:

Codice HTML:

---

<STYLE>
IMG.out { position:relative; top:0; left:0 }
IMG.hover { position:relative; top:0.2em; left:0.2em }
</STYLE>
...
<IMG SRC="..." WIDTH="..." HEIGHT="..." onMouseOver="this.className='hover'" onMouseOut="this.className='out'">

---

Con questo codice, hai ad esempio un'immagine che si sposterà un po' quando ci passerai sopra il mouse.

Stammi bene...

Ma come faccio a recuperare i valori dell'hover, link, visited, ecc. del tag a. Non sono classi o no? Ho provato a usare anche getElementsByTagName ma non riesco a risolvere lo stesso.

Citazione:

---

Originalmente inviato da funcool

Ma come faccio a recuperare i valori dell'hover, link, visited, ecc. del tag a. Non sono classi o no? ...

---

Non sono proprio classi, si chiamano pseudo-classi perché piuttosto che a un'impostazione volontaria di stile (l'attributo CLASS) si riferiscono a degli eventi scatenati dall'utente (che passa sopra, apre o ha già visitato un link).

Purtroppo quello che chiedi tu non mi pare si possa fare... però, come ti ho già detto puoi usare la proprietà className come spiegato sopra, oppure puoi rilevare e impostare gli stili manualmente tramite la proprietà style di JS, seguita dallo stile che vuoi rilevare/modificare (eliminando i trattini e rendendo maiuscole le lettere successive nel caso lo stile avesse più parole, ad esempio background-color di CSS in JS diventa .backgroundColor.

Stammi bene...