Attribut offsetHeight du DOM HTML

Objet Element HTML DOM

offsetHeightPropriété lecture seule qui retourne la hauteur de l'élément sous forme d'entier, y compris le padding vertical et les bordures.

Généralement, offsetHeight est la mesure en pixels de la hauteur CSS de l'élément, y compris toute bordure, padding et barre de défilement horizontal (si elle existe). Elle ne comprend pas la hauteur des pseudo-éléments, comme:: beforeou:: after.

Pour comprendre cette propriété, vous devez comprendreModèle de boîte CSS.

UtilisationclientHeightetclientWidthL'attribut retourne la largeur et la hauteur visibles de l'élément, y compris les padding, mais pas les bordures, les marges et les barres de défilement (si elles existent).

Syntaxe :

element.offsetHeight

var elem = document.querySelector("div");
var txt = "hauteur incluant le padding"　+border: ""　+　elem.offsetHeight　+　"px<br>";
txt　+= "largeur incluant le padding"　+　border: ""　+　elem.offsetWidth　+　"px";

Compatibilité du navigateur

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

Détails techniques

Plus d'exemples

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

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

Références associées

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

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

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

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

Objet Element HTML DOM