Discussion :

[Rose95]

Bonjour,

je n'y connais pas grand chose en javascript.

j'utilise

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

j'arrive à avoir ma valeur quand j'interroge

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[E.Bzz]

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

A+

[SpaceFrog]

offsetHeight ?

sinon parser le css ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 {}

[DoubleU]

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

[Rose95]

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