Proprietà clientHeight del DOM HTML

Oggetto Elemento HTML DOM

clientHeightProprietà sola lettura che restituisce l'altezza visibile dell'elemento (in pixel), inclusi il riempimento, ma escludendo i margini, i bordi e la barra di scorrimento orizzontale (se presente).

La clientHeight può essere calcolata come: altezza CSS + riempimento CSS - altezza della barra di scorrimento orizzontale (se presente).

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

UtilizzareoffsetHeightL'attributo restituisce l'altezza visibile dell'elemento, inclusi il riempimento, i bordi e la barra di scorrimento orizzontale.

Sintassi:

element.clientHeight

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

Compatibilità del browser

Tutti i browser supportano completamente la proprietà clientHeight:

Dettagli tecnici

Più esempi

Questo esempio dimostra la differenza tra clientHeight e offsetHeight:

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

Riferimenti correlati

Riferimento HTML DOM:Proprietà offsetHeight HTML DOM

Riferimento HTML DOM:Proprietà scrollHeight HTML DOM

Riferimento CSS:Proprietà overflow CSS

Oggetto Elemento HTML DOM