HTML DOM Element kliëntWidth
❮ Die elementvoorwerpVoorbeeld
Kry die hoogte en breedte van "myDIV", insluitend vulling:
const elmnt = document.getElementById("myDIV");
let text = "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px";
Meer voorbeelde hieronder.
Definisie en gebruik
Die clientWidth
eienskap gee die sigbare breedte van 'n element in pieksels terug, insluitend vulling, maar nie die rand, skuifbalk of kantlyn nie.
Die clientWidth
eiendom is leesalleen.
Tutoriaal:
Sien ook:
Die Element clientHeight Property
Die Element offsetHeight Property
Die Element offsetWidth Eiendom
Gebruik die CSS -oorloop- eienskap om rolbalke by 'n element te voeg.
Sintaksis
element.clientWidth
Terugkeerwaarde
Tik | Beskrywing |
Nommer | Die sigbare breedte van 'n element (in piksels) insluitend vulling. |
Die verskil tussen clientHeight/clientWidth en offsetHeight/offsetWidth
Sonder 'n skuifbalk:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";
Met 'n skuifbalk:
const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding, border and scrollbar: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding, border and scrollbar: " + elmnt.offsetWidth + "px";
Blaaierondersteuning
element.clientWidth
word in alle blaaiers ondersteun:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |
❮ Die elementvoorwerp