Modif classe d'un élément HTML

Marsh Posté le 28-09-2004 à 15:19:50

Salut,

En JavaScript, sur un événement je modifie la classe d'un élément donné :

Code :

.class1{
color:red;
}
elt.className='class1';

Bon, çà fonctionne bien, l'élément change de couleur etc.... Le pb est que apparemment il est impossible de récupérer les attributs CSS appliqués à l'élément. Si je fais :

alert(elt.style.color);

Et bien çà ne me renvoie pas "red", mais rien du tout.

Comment je fais alors ?

Marsh Posté le 28-09-2004 à 15:19:50

Marsh Posté le 28-09-2004 à 15:59:59

Je ne pense pas que tu puisses récuperer cette valeur directement car tu n affecte pas l attribut de style color mais juste la classe de l élément ... Puet être en analysant le contenu de class1 dynamiquement et en extraire l attribut color ...

Marsh Posté le 28-09-2004 à 16:32:53

Oui mais comment extraire les attributs de la classe class1 (déclarée dans une feuille CSS externe) ?

Marsh Posté le 28-09-2004 à 17:23:28

Code :

cssRule=document.styleSheets[0].cssRules;
txt=cssRule[0].cssText;
alert(txt);

ça te permet de récuperer chaque style ... je ne sais pas s'il existe une manière nommé d'y acceder mais surement.
regarde sur le lien suivant pour plus de détail:
http://www.mozilla.org/docs/dom/do [...] ortIX.html

Edit : IE n'a pas l'air d'aimer =( ... je continue de chercher

Message édité par Azzazel le 28-09-2004 à 17:37:38

Marsh Posté le 28-09-2004 à 17:40:26

Code :

alert(document.styleSheets[0].cssText);

Tu as accès à toute la feuille de style ...pas très pratique mais un parsing du text te permettra de récuperer l'élément voulu.

Marsh Posté le 29-09-2004 à 11:28:20

Merci de m'avoir mis sur la voie.

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed

Name *

Email *

URL

Message *