[POO] Récupération de style dans un fichier .CSS

Bonjour,

je n'y connais pas grand chose en javascript.

j'utilise

Code:

---

document.getElementById('nom_du_div').style.height

---

pour récupérer les hauteurs de mes div

quand je déclare la hauteur directement dans mon fichier html

Code:

---

1 2 3

<div id="nom_du_div" style="height:XXXpx"> blablabla </div>

---

j'arrive à avoir ma valeur quand j'interroge

Code:

---

document.getElementById('nom_du_div').style.height

---

j'ai donc mis tout ce qui est style dans un fichier CSS pour alleger mon code HTML et que tout soit plus propore etc etc...

et là je n'ai plus rien dans
document.getElementById('nom_du_div').style.height

comment celà se fait-il ?

y'a t'il autre chose à faire ? un ordre à respecter ?
au passage j'ai bien fait le lien

Code:

---

<link rel="stylesheet" type="text/css" href="style.css">

---

dans le head de mon fichier html

tout ce que j'y ai mis (couleur, hauteur etc... ) est bien affiché

Merci d'avance de votre réponse

Bonjour,
est-ce que tu définis la hauteur en absolue (en 'px') ou en relatif (en %) ?

A+

offsetHeight ?

sinon parser le css ...

Code:

---

1 2 3 4

var st=document.styleSheets[0]; var ru=st.rules?st.rules:st.cssRules; var Classe=(ru[0].selectorText) //retourne div.TableauListe var Props= (ru[0].style.cssText) // retourne le contenu des {}

---

Il faut utiliser offsetHeight et offsetWidth pour récupérer les dimensions d'un objet, pas style.height et style.width.

Merci !
ça fonctionne super bien avec le offsetHeight au lieu du style.height

Tu m'excusera Grenouille de l'espace, je ne me suis pas penchée sur le "parsage" du CSS...
offsetHeight est plus facile, mais je garde en mémoire ton bout de code pour un jour tester plus en avant le JS ! ;)

Merci encore