Maison >interface Web >tutoriel CSS >Comment obtenir la hauteur d'une div en JavaScript sans jQuery ?

Comment obtenir la hauteur d'une div en JavaScript sans jQuery ?

DDD
DDDoriginal
2024-12-20 19:41:17787parcourir

How to Get a Div's Height in JavaScript Without jQuery?

Accéder à Div Height sans jQuery

Sans recourir à la commodité de la méthode .height() de jQuery, il existe des options JavaScript simples pour récupérer un hauteur du div.

Option 1 : ClientHeight

La propriété clientHeight récupère la hauteur d'un div, à l'exclusion des barres de défilement ou des bordures, mais en incluant son remplissage. Pour l'utiliser :

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

Option 2 : OffsetHeight

La propriété offsetHeight, quant à elle, inclut non seulement la hauteur du div mais également sa barre de défilement et ses bordures. . L'utilisation est similaire :

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

Ces propriétés fournissent un moyen fiable d'accéder à la hauteur d'un élément div en JavaScript pur, vous permettant d'ajuster dynamiquement les éléments de la page en fonction des dimensions du contenu.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn