HTML DOM Element offsetHeight özelliği

Tanım ve Kullanım

offsetHeight Özellik, elementin görsel yüksekliğini (piksel olarak) döndürür, dolgu, çerçeve ve kaydırma çubuğu dahil, ancak dış kenar boşluğu dahil değildir.

offsetHeight Özellikler salt okunurdur.

Ayrıca bkz:CSS Kutu Modeli Eğitimi

offsetParent

Tüm blok elemenleri, kaydırma ebeveynine göre kaydırımı rapor eder:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Kaydırma ebeveyni, en yakın dinamik konumlu atadır.

Eğer bir kaydırma ebeveyni yoksa, kaydırma, metin parçasına göre yereldir.

Ayrıca bkz:

offsetWidth özelliği

offsetParent özelliği

offsetTop özelliği

offsetLeft özelliği

clientTop özelliği

clientLeft özelliği

clientWidth özelliği

clientHeight özelliği

Örnek

Örnek 1

Dolgu ve çerçeve dahil "myDIV" yüksekliği ve genişliğini gösterir:

const elmnt = document.getElementById("myDIV");
let text = "Yükseklik, dolgu ve çerçeve ile: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

Kişisel olarak deneyin

Örnek 2

clientHeight/clientWidth ve offsetHeight/offsetWidth arasındaki fark

Var kaydırıcı:

const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

Kişisel olarak deneyin

Yok kaydırıcı:

const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding, border and scrollbar: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding, border and scrollbar: " + elmnt.offsetWidth + "px";

Kişisel olarak deneyin

Gramer

element.offsetHeight

Dönüş değeri

Tür Açıklama
Sayı Elementin görsel yüksekliği (piksel olarak), iç dolgu, kenarlık ve kaydırıcı içerir.

Tarayıcı desteği

Tüm tarayıcılar destekler element.offsetHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek Destek Destek Destek Destek Destek