Modif classe d'un élément HTML

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Modif classe d'un élément HTML

cypress

La colline de cyprès

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 ?

Publicité

Azzazel

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

cypress

La colline de cyprès

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

Azzazel

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

Azzazel

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.

cypress

La colline de cyprès

Merci de m'avoir mis sur la voie.

FORUM HardWare.fr

Programmation

HTML/CSS

Modif classe d'un élément HTML

Sujets relatifs
Indenter correctement du code HTML	[C#] Garder une référence vers une variable d'une autre classe ?
[REGEXP]Mettre en valeur des mots dans du HTML	[.NET] Création d'un nouvel élément : message d'erreur ActiveX
[HTML sur IIS6] Problème d'images se rechargant à chaque fois	sous classe
[PHP & HTML] Paramètre et méthode GET	Probleme avec submit et HTML Rich Text Editing
[html] 2 forms dans la meme page	fonction template dans une classe template
Plus de sujets relatifs à : Modif classe d'un élément HTML

Page générée en 0.037 secondes