SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
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
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
Weblinks
- CSSWG: offsetheight
- MDN: HTMLElement.offsetHeight