Proprietà offsetHeight HTML DOM

Oggetto Element HTML DOM

offsetHeightProprietà readonly che restituisce l'altezza dell'elemento in forma intera, inclusi il padding verticale e i bordi.

Di solito, offsetHeight è la misura in pixel dell'altezza CSS dell'elemento, inclusi eventuali bordi, padding e barra di scorrimento orizzontale (se presente). Non include l'altezza dei pseudo-elementi, come:: beforeo:: after.

Per comprendere questa proprietà, è necessario conoscereModello di scatola CSS.

usareclientHeighteclientWidthL'attributo restituisce l'altezza e la larghezza visibili dell'elemento, inclusi i padding, ma escludendo i bordi, i margini e le barre di scorrimento (se presenti).

Sintassi:

element.offsetHeight

var elem = document.querySelector("div");
var txt = \
txt += \

Compatibilità del browser

Tutti i browser supportano completamente la proprietà offsetHeight:

Dettagli tecnici

Più esempi

Questo esempio dimostra la differenza tra clientHeight e offsetHeight:

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

Riferimenti correlati

Riferimento HTML DOM:Proprietà offsetWidth

Riferimento HTML DOM:Proprietà offsetLeft

Riferimento HTML DOM:Proprietà offsetTop

Riferimento HTML DOM:Proprietà offsetParent

Oggetto Element HTML DOM