Inafaa ya Kifaa cha DOM cha HTML clientHeight

Mifano na matumizi

clientHeight Inafaa inatoa ukubwa wa kina cha element, ikiwa ina kimaadili kipenyo, ingawa inapungua kwa kifungu, kipenyo cha kusoma au kimaadili kuu, ikiwa inaadili kilomita (kuna kimaadili kipenyo).

clientHeight Inafaa inaonyesha tu.

Tunaeleza:Mafunzo ya Kifaa cha CSS

Tunaeleza:

Inafaa ya kina

Inafaa ya kina

Inafaa ya kina

Inafaa ya kina

Inafaa ya kina

Kuokoa kipenyo cha kusoma kwenye element, tumia: Mfano wa overflow wa CSS。

Mifano

Mfano 1

Pata ukubwa na urefu wa "myDIV", ikiwa ina kimaadili kipenyo:

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

Jifunze kwa uongozi

Mfano 2: Kuchukua kwa kina kwa clientHeight/clientWidth na offsetHeight/offsetWidth

Hakuna kipenyo cha kusoma:

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

Jifunze kwa uongozi

Ina kipenyo cha kusoma:

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

Jifunze kwa uongozi

Inasikia

element.clientHeight

Inatoa matokeo

Aina Inasifaa
Inafaa Inafaa ya kina, ikiwa inaadili kilomita (kuna kimaadili kipenyo).

Inasimamia ya vifaa vya kwenya

Wote wengi wa vifaa vya kwenya vinasimamia element.clientHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Inasimamia Inasimamia Inasimamia Inasimamia Inasimamia Inasimamia