HTML DOM Element clientWidth egenskab

Definition og brug

clientWidth Egenskaben returnerer elementets synlige bredde, inklusive indrykning, men ikke kanter, rulkebjælker eller ekstern margin, i pixels.

clientWidth Egenskaben er skrivebeskyttet.

Se også:CSS Box Model Tutorial

Se også:

clientHeight egenskab

clientTop egenskab

clientLeft egenskab

offsetHeight egenskab

offsetWidth egenskab

For at tilføje en rulkebjælke 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

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

Uden rulkebjælke:

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 rulkebjælke:

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.clientWidth

Returværdi

Type Beskrivelse
Numerisk værdi Elementets synlige bredde (i pixels), inklusive indrykning.

Browserversion

Alle browsere understøtter element.clientWidth：

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