HTML DOM Element clientHeight egenskap

Definition och användning

clientHeight egenskapen returnerar elementets synliga höjd, inklusive inre marginaler, men inte ram, rullgardin eller marginaler, i pixlar.

clientHeight egenskapen är skrivskyddad.

Se också:CSS rammodell教程

Se också:

clientWidth egenskap

clientTop egenskap

clientLeft egenskap

offsetHeight egenskap

offsetWidth egenskap

För att lägga till en rullgardin till ett element, använd CSS overflow-egenskapen。

exempel

exempel 1

Få "myDIV" höjd och bredd, inklusive inre marginaler:

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

prova själv

exempel 2: skillnaden mellan clientHeight/clientWidth och offsetHeight/offsetWidth

utan rullgardin:

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

prova själv

med rullgardin:

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

prova själv

syntaks

element.clientHeight

återvärd

typ beskrivning
nummer elementets synliga höjd (i pixlar), inklusive inre marginaler.

webbläsarstöd

alla webbläsare stöder element.clientHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
stöd stöd stöd stöd stöd stöd