HTML DOM Element offsetHeight-egenskab

Definition og brug

offsetHeight Egenskaben returnerer elementets synlige højde (i pixels), inklusive indrykning, kant og rullespind, men ikke ekstern margin.

offsetHeight Egenskaberne er skrivebeskyttede.

Se også:CSS frame model tutorial

offsetParent

Alle blokklassifikationselementer rapporterer afstanden relativt til afvigende forælder:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Afvigende forælder er den nærmeste forælder med en ikke-statisk placering.

Hvis der ikke findes en afvigende forælder, er afstanden relativ til dokumentets正文。

Se også:

offsetWidth-egenskab

offsetParent-egenskab

offsetTop-egenskab

offsetLeft-egenskab

clientTop-egenskab

clientLeft-egenskab

clientWidth-egenskab

clientHeight-egenskab

Eksempel

Eksempel 1

Viser højden og bredden af "myDIV", inklusive indrykning og kant:

const elmnt = document.getElementById("myDIV");
text = "Højde med indrykning og kant: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

Prøv det selv

Eksempel 2

Forskellen mellem clientHeight/clientWidth og offsetHeight/offsetWidth

Med rullespind:

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

Prøv det selv

Ingen rullespind:

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

Prøv det selv

Syntaks

element.offsetHeight

Returværdi

Type Beskrivelse
Tal Elementets synlige højde (i pixels), herunder indrykning, kantlinje og rullespind.

Browserunderstøttelse

Alle browsere understøtter element.offsetHeight:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support