Eigenschap offsetHeight

De eigenschap offsetHeight bevat de volledige hoogte van een element (inclusief de eigenlijke breedte van het element, hoogte van randen, binnenste padding, scrollbalken):

Syntaxis

javascriptelement.offsetHeight;

Voorbeeld

Laten we de volledige grootte van een element achterhalen:

html<div id="elem"></div>
css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}
javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetHeight);

Resultaat van de code-uitvoering:

javascript150

Zie ook

  • eigenschap clientHeight,
    die de hoogte van het element binnen de randen bevat
  • eigenschap offsetWidth,
    die de volledige breedte van het element bevat
  • methode getComputedStyle,
    die de waarde van een CSS-eigenschap van een element verkrijgt