Comment obtenir la hauteur d'une division en JavaScript pur ?

Comment déterminer la hauteur d'un div en JavaScript simple

Requête :

Beaucoup les développeurs s'appuient sur la méthode .height() de jQuery pour récupérer la hauteur d'un div. Cependant, est-il possible d'y parvenir sans utiliser jQuery ?

Solution :

Oui, il est possible de déterminer la hauteur d'un div en utilisant du JavaScript simple. Voici deux méthodes :

1. propriété clientHeight :

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

Cette propriété renvoie la hauteur du div, y compris son remplissage mais à l'exclusion de son barre de défilement et bordures.

2. Propriété offsetHeight :

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

Contrairement à clientHeight, offsetHeight inclut non seulement le remplissage mais également la barre de défilement et les bordures si présent.

Choisir la propriété appropriée :

Le choix entre clientHeight et offsetHeight dépend des exigences spécifiques. Si vous avez besoin de la hauteur du div sans barres de défilement ni bordures, clientHeight convient. Pour les cas où vous avez besoin de la hauteur totale incluant ces éléments, offsetHeight est l'option appropriée.

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!