HTML DOM offsetHeight Eigenschaft

HTML DOM Element-Objekt

offsetHeightLesbarkeitsattribut, das die Höhe des Elements in ganzzahliger Form zurückgibt, einschließlich vertikaler Füllung und Rändern.

In der Regel ist offsetHeight die Pixel-Messung der CSS-Höhe des Elements, einschließlich aller Ränder, Füllungen und horizontaler Scrollbalken (falls vorhanden). Sie schließt die Höhe von Pseudo-Elementen wie::beforeoder::after.

Um dieses Attribut zu verstehen, müssen SieCSS Box-Modell.

VerwendetclientHeightundclientWidthDas Attribut gibt die sichtbare Höhe und Breite des Elements zurück, einschließlich Füllung, aber ohne Rahmen, Abstand und (falls vorhanden) Scrollbalken.

Syntax:

element.offsetHeight

var elem = document.querySelector("div");
var txt = "Höhe einschließlich Paddings"　+border: ""　+　elem.offsetHeight　+　"px<br>";
txt　+= "Breite einschließlich Paddings"　+　border: ""　+　elem.offsetWidth　+　"px";

Browserkompatibilität

offsetHeight-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 beinhaltet padding: "　+　elem.clientHeight　+　"px<br>";
txt　+= "Height" beinhaltet "padding"　+　border: ""　+　elem.offsetHeight　+　"px";

Verwandte Referenzen

HTML DOM-Referenz:offsetWidth-Eigenschaft

HTML DOM-Referenz:offsetLeft-Eigenschaft

HTML DOM-Referenz:offsetTop-Eigenschaft

HTML DOM-Referenz:offsetParent-Eigenschaft

HTML DOM Element-Objekt