offsetHeight Özelliği

offsetHeight özelliği, bir öğenin tam yüksekliğini içerir (öğenin kendi genişliğini, kenarlık yüksekliğini, iç dolguyu, kaydırma çubuklarını içerir):

Sözdizimi

javascriptöğe.offsetHeight;

Örnek

Bir öğenin tam boyutunu öğrenelim:

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);

Kodun çalıştırılmasının sonucu:

javascript150

Ayrıca Bakınız

  • clientHeight özelliği,
    kenarlıkların içindeki öğenin yüksekliğini içerir
  • offsetWidth özelliği,
    öğenin tam genişliğini içerir
  • getComputedStyle metodu,
    bir öğenin CSS özellik değerini alır