Atributo ng HTML DOM Element offsetHeight

Pagsasakop at Paggamit

offsetHeight Ang atributo ay ibabalik ang madama na taas ng elemento (sa pixels), kasama ang panloob na space, border at scrollbar, ngunit hindi kasama ang labas na space.

offsetHeight Ang mga atributo ay read-only.

Mga pangalawang talakayan:Tuturo sa CSS Box Model

offsetParent

Lahat ng mga bloke na elemento ay nag-ulat ng offset kumukontra sa offset parent:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Ang offset parent ay ang pinakamalapit na baba na may hindi statik na posisyon.

Kung wala ang offset parent, ang offset ay kumukontra sa teksto ng dokumento.

Mga pangalawang talakayan:

Atributo na offsetWidth

Atributo na offsetParent

Atributo na offsetTop

Atributo na offsetLeft

Atributo na clientTop

Atributo na clientLeft

Atributo na clientWidth

Atributo na clientHeight

Mga Halimbawa

Mga Halimbawa 1

Ipakita ang taas at lapad ng "myDIV", kasama ang panloob na space at border:

const elmnt = document.getElementById("myDIV");
let text = "Tingan ang taas at lapad kasama ang space at border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

Subukan Ngayon

Halimbawa 2

Diferensya sa clientHeight/clientWidth at offsetHeight/offsetWidth

May scrollbar:

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

Subukan Ngayon

Walang scrollbar:

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

Subukan Ngayon

Kasulatan

element.offsetHeight

Bumalik na Halaga

Uri Paglalarawan
Numero Ang napapakitaang taas ng elemento (sa pixel), kasama ang padding, border at scrollbar.

Suporta ng Browser

Lahat ng mga browser ay sumusuporta element.offsetHeight:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporta Suporta Suporta Suporta Suporta Suporta