Propriété clientHeight de HTML DOM

Objet Element HTML DOM

clientHeightPropriété en lecture seule qui retourne la hauteur visible de l'élément (en pixels), incluant le remplissage mais pas la bordure, la marge et la barre de défilement horizontale (si elle existe).

La clientHeight peut être calculée comme : Hauteur CSS+ Remplissage CSS-la hauteur de la barre de défilement horizontale (si elle existe).

Pour comprendre cette propriété, vous devez comprendreModèle CSS Box.

UtilisationoffsetHeightCette propriété retourne la hauteur visible de l'élément, incluant le remplissage, la bordure et la barre de défilement horizontale.

Grammaire :

element.clientHeight

var elem = document.querySelector("div");
var txt = "Hauteur incluant le remplissage: "　+　elem.clientHeight　+　"px<br>";
txt　+= "Largeur incluant le remplissage: "　+　elem.clientWidth　+　"px";

Compatibilité du navigateur

Tous les navigateurs supportent complètement la propriété clientHeight :

Détails techniques

Plus d'exemples

Cet exemple montre la différence entre clientHeight et offsetHeight :

var elem = document.querySelector("div");
var txt = "Height　+　padding: "　+　elem.clientHeight　+　"px<br>";
txt　+="Height　+　padding　+　border: "　+　elem.offsetHeight　+　"px";

Références associées

Référence HTML DOM :Propriété offsetHeight HTML DOM

Référence HTML DOM :Propriété scrollHeight HTML DOM

Référence CSS :Propriété overflow CSS

Objet Element HTML DOM