Javascript - Connaître la hauteur d'un élément HTML

Dernière mise à jour le par Jean-François Pillou .

Si vous souhaitez connaître la hauteur (height) d'un bloc HTML en javascript, il existe deux façons selon les navigateurs :

  • element.offsetHeight
  • element.style.pixelHeight

Ainsi, le code suivant permet d'obtenir la hauteur d'un bloc HTML quel que soit le navigateur :

<script type="text/javascript">
<!--
var divHeight;
var obj = document.getElementById('id_element');

if(obj.offsetHeight)          {divHeight=obj.offsetHeight;}
else if(obj.style.pixelHeight){divHeight=obj.style.pixelHeight;}
//-->
</script>
Cet article est régulièrement mis à jour par des experts sous la
direction de Jean-François Pillou, fondateur de CommentCaMarche.
Ce document intitulé « Javascript - Connaître la hauteur d'un élément HTML » issu de Comment Ça Marche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.