Inasimamia ya clientWidth ya Elementi ya HTML DOM

Ufafanuzi na Inasimamia

clientWidth Inasimamia inapakua uwezo wa kilele cha kilele cha elementi, kimalizia kilele cha kina, hapatikani viungo, kichwa cha ukisho ama mawaka mengine, kwa ukisho.

clientWidth Inasimamia ni inayosimamishwa sana.

Tazama pia:Mafunzo ya CSS Box Model

Tazama pia:

Inasimamia ya clientHeight

Inasimamia ya clientTop

Inasimamia ya clientLeft

Inasimamia ya offsetHeight

Inasimamia ya offsetWidth

Kuondoa kichwa cha ukisho kwenye elementi, tumia Mfano wa overflow wa CSS.

Mifano

Mifano 1

Pata uwezo na ukubwa wa "myDIV", kimalizia kilele cha kina:

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

Tenda kwa kufikia mafanikio

Mifano 2

Mifano 2: Mafikio ya clientHeight/clientWidth na offsetHeight/offsetWidth

Hakuna kichwa cha ukisho:

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

Tenda kwa kufikia mafanikio

Ina kichwa cha ukisho:

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

Tenda kwa kufikia mafanikio

Inasimamia ya lugha

element.clientWidth

Matokeo

Aina Kueleza
Adhimisho Uwezo wa kilele cha kilele cha elementi (kwa ukisho), kimalizia kilele cha kina.

Inasimamia ya kifaa

Wote vya kifaa kinasimamia element.clientWidth:

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