Modif classe d'un élément HTML

Modif classe d'un élément HTML - HTML/CSS - Programmation

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 :
  1. .class1{
  2.   color:red;
  3. }
  4. 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 ?

Reply

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

Reply

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 ...

Reply

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) ?

Reply

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

Code :
  1. cssRule=document.styleSheets[0].cssRules;
  2. txt=cssRule[0].cssText;
  3. 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
Reply

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

Code :
  1. 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.

Reply

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

Merci de m'avoir mis sur la voie.

Reply

Sujets relatifs:

Leave a Replay

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