Maison >interface Web >tutoriel CSS >Comment obtenir la hauteur d'une division en utilisant du JavaScript simple ?

Comment obtenir la hauteur d'une division en utilisant du JavaScript simple ?

DDD
DDDoriginal
2024-12-15 15:53:22578parcourir

How to Get a Div's Height Using Plain JavaScript?

Déterminer la hauteur d'un div avec JavaScript

Question :

Comment puis-je obtenir la hauteur d'un élément div en utilisant uniquement JavaScript, sans s'appuyer sur des bibliothèques comme jQuery ?

Réponse :

Pour déterminer la hauteur d'un élément div sans utiliser jQuery, vous pouvez utiliser les méthodes suivantes :

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

Cette approche ne prend en compte que la hauteur intérieure du div, y compris tout rembourrage appliqué.

Alternativement, vous pouvez use :

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

Cette méthode renvoie la hauteur du div, y compris son remplissage, ses bordures et sa barre de défilement (le cas échéant).

Par conséquent, en fonction de vos besoins spécifiques, vous pouvez choisir entre clientHeight pour la hauteur intérieure ou offsetHeight pour la hauteur totale de l'élément div.

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