11548 sujets

JavaScript, DOM et API Web HTML5

Salut,

Alors là y a un truc que je ne comprend pas du tout. Après avoir parcouru plusieurs tutoriaux et exemples, la méthode qui est utilisée pour connaitre la valeur d'une propriété css d'un élément est : document.getElementById("son_id").style.le_style_desiré;.

Voici mon problème concernant cette méthode.
Dans mon code html, j'ai un élément <div id="select_img">...</div>. Les propriétés css de cet élément sont définies dans une feuille de style externe. Jusque là, pas de problème. Et bien, avec la méthode décrite précédemment, impossible de récupérer les valeurs css de select_img. En fait, il ne m'affiche rien du tout. Le seul moment où ca marche, c'est quand je défini les propriétés directement dans l'élément à l'aide de style="mon_style:sa_valeur;"

Est-ce le comportement normal et si tel est le cas, comment faire pour récupérer les styles présents dans la feuille de style.

Merci d'avance pour votre aide
Modifié par ymhotepa (26 May 2006 - 16:08)
Oui, c'est le comportement normal.
Sous IE, tu as une alternative : currentStyle, mais je ne suis pas sûr qu'elle existe ailleurs (je n'ai pas vérifié).
Merci quentin pour cet indication. Grace à ca, en recherchant sur google, je suis tombé sur ce post que je n'avais pas vu durant ma recherche sur le forum. Désolé raphaël pour le sujet en double Smiley confused Smiley murf

La solution est donc :
pour firefox : window.getComputedStyle(document.getElementById("mon_elt"), null).getPropertyValue('la_propriete')

pour IE : document.getElementById('mon_elt').currentStyle.ma_propriete