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
Libérer: 2024-12-20 19:41:17
original
786 Les gens l'ont consulté

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;
Copier après la connexion

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;
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal