HTML DOM clientHeight-Eigenschaft

HTML DOM Element-Objekt

clientHeightDiese nur lesbare Eigenschaft gibt die sichtbare Höhe des Elements in Pixeln zurück, einschließlich Füllung, aber ohne Ränder, Seitenabstand und horizontale Scrollleiste (falls vorhanden).

Die clientHeight kann als: CSS-Höhe berechnet werden:+ CSS-Füllung-die Höhe der horizontalen Scrollleiste (falls vorhanden) kennen.

Um diese Eigenschaft zu verstehen, müssen SieCSS Box-Modell.

Verwendung:offsetHeightDiese Eigenschaft gibt die sichtbare Höhe des Elements zurück, einschließlich Füllung, Ränder und horizontaler Scrollleiste.

Syntax:

element.clientHeight

var elem = document.querySelector("div");
var txt = "Höhe einschließlich Füllung: "　+　elem.clientHeight　+　"px<br>";
txt　+= "Breite einschließlich Füllung: "　+　elem.clientWidth　+　"px";

Browserkompatibilität

clientHeight-Eigenschaft wird von allen Browsern vollständig unterstützt:

Technische Details

Mehr Beispiele

Dieser Beispiel zeigt die Unterschiede zwischen clientHeight und offsetHeight:

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

Verwandte Referenzen

HTML DOM Referenz:HTML DOM offsetHeight-Eigenschaft

HTML DOM Referenz:HTML DOM scrollHeight-Eigenschaft

CSS Referenz:CSS overflow-Eigenschaft

HTML DOM Element-Objekt