HTML DOM Element clientHeight-egenskab

Definition og brug

clientHeight Egenskaben returnerer elementets synlige højde, inklusive indrykning, men ikke ramme, rullespalte eller ekstern margin, i pixels.

clientHeight Egenskaben er skrivebeskyttet.

Se også:CSS Frame Model Tutorial

Se også:

clientWidth-egenskab

clientTop-egenskab

clientLeft-egenskab

offsetHeight-egenskab

offsetWidth-egenskab

For at tilføje en rullespalte til et element, brug CSS overflow egenskab。

Eksempel

Eksempel 1

Få "myDIV"'s højde og bredde, inklusive indrykning:

const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";

Prøv det selv

Eksempel 2: Forskellen mellem clientHeight/clientWidth og offsetHeight/offsetWidth

Uden rullespalte:

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

Prøv det selv

Med rullespalte:

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

Prøv det selv

Syntaks

element.clientHeight

Returværdi

Type Beskrivelse
Tal Elementets synlige højde (i pixels), inklusive indrykning.

Browserversioner

Alle browsere understøtter element.clientHeight：

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