Récupération de la hauteur d'un div en JavaScript simple

Déterminer la hauteur d'un élément div sans utiliser jQuery peut poser un défi. Bien que jQuery offre une solution simple avec sa méthode .height(), ce n'est peut-être pas l'approche la plus efficace pour chaque scénario. Voici comment y parvenir en utilisant du JavaScript simple :

Utilisation de clientHeight :

La propriété clientHeight fournit la hauteur du contenu visible du div, à l'exclusion des barres de défilement ou des bordures. Il inclut le remplissage appliqué au div. Pour le récupérer, vous pouvez utiliser le code suivant :

var clientHeight = document.getElementById('myDiv').clientHeight;

Using offsetHeight:

Alternativement, la propriété offsetHeight inclut non seulement le remplissage mais également la hauteur des barres de défilement et des bordures. Cela peut être utile dans certaines situations :

var offsetHeight = document.getElementById('myDiv').offsetHeight;

En utilisant la propriété clientHeight ou offsetHeight, vous pouvez déterminer efficacement la hauteur d'un élément div en JavaScript simple, offrant flexibilité et contrôle sur votre code.