Comment puis-je obtenir la hauteur d'un DIV en utilisant uniquement JavaScript ?

Accéder à la hauteur de Div avec du JavaScript pur

Obtenir la hauteur d'un élément DIV sans utiliser la bibliothèque jQuery peut être déroutant. Malgré la recherche Stack Overflow, la majorité des réponses recommandent la méthode .height() de jQuery.

Solution :

Pour récupérer la hauteur d'un DIV en utilisant du JavaScript simple, vous pouvez utiliser les propriétés suivantes :

• clientHeight : Indique la hauteur du Zone de contenu du DIV, y compris le remplissage.

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

• offsetHeight : Inclut la hauteur de la zone de contenu, le remplissage, la barre de défilement (le cas échéant) et borders.

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

Remarque :

• Les propriétés clientHeight et offsetHeight sont prises en charge par les navigateurs modernes, notamment Chrome, Firefox, Edge et Safari.
• clientHeight et offsetHeight renvoient des valeurs en pixels.
• Si le DIV a aucune hauteur spécifiée, ces propriétés renverront zéro.

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!