Comment obtenir la hauteur d'une division en JavaScript pur : clientHeight vs offsetHeight

Comment acquérir la hauteur d'un div avec du JavaScript pur

Si vous essayez d'obtenir la hauteur d'un div sans incorporer jQuery, ce guide concis vous équipera des solutions JavaScript nécessaires.

Obtenir la hauteur de la division avec JavaScript

L'utilisation de la méthode .height() de jQuery est une approche populaire, mais le JavaScript simple offre des méthodes tout aussi efficaces. Par exemple, vous pouvez utiliser les propriétés clientHeight ou offsetHeight :

<code class="javascript">var clientHeight = document.getElementById('myDiv').clientHeight;</code>

Vous pouvez également utiliser offsetHeight :

<code class="javascript">var offsetHeight = document.getElementById('myDiv').offsetHeight;</code>

Différences de propriétés

• clientHeight inclut le remplissage mais exclut les bordures et barres de défilement.
• offsetHeight englobe le remplissage, les bordures et les barres de défilement.

En résumé, si vous avez besoin de la hauteur combinée du contenu et du remplissage, clientHeight est idéal. Si vous avez besoin de la hauteur totale incluant tous les éléments environnants, utilisez offsetHeight.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!