JavaScript/DOM/HTMLElement/offsetHeight

Die Eigenschaft HTMLElement.offsetHeight gibt die Höhe eines Elements, einschließlich des vertikalen padding und der Ränder, als Ganzzahl zurück. Sie ist readonly, kann also nur ausgelesen werden.

Syntax

höhe = Element.offsetHeight;

• höhe: ganzzahliger Wert

Elementhöhe berechnen

const element = document.querySelector('.my-className');

const height = element.offsetHeight;  
console.log("Element height:", height);

Das Beispiel gibt die reale Höhe des Elements aus. Das Ergebnis ist die tatsächliche Anzeigehöhe des HTML-Elements. In der Höhe werden height, padding und border addiert, aber nicht der margin.

Für genauere Berechnungen eignet sich element.getBoundingClientRect()

Siehe auch

• JavaScript und CSS
  • Elementbox-Größen auslesen

Weblinks

• CSSWG: offsetheight
• MDN: HTMLElement.offsetHeight