clientWidth
Misol
"myDIV" elementining ichki bo‘shliq (padding) bilan birgalikdagi balandligi va kengligini oling:
const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
clientWidth xususiyati elementning ko‘rinadigan kengligini pikselda qaytaradi: ichki bo‘shliq (padding) hisobga olinadi, lekin chegara (border), aylantirish paneli (scrollbar) va tashqi bo‘shliq (margin) hisobga olinmaydi.
clientWidth xususiyati faqat o‘qish uchun.
Darslik:
Shuningdek qarang:
Elementga aylantirish panellarini (scrollbar) qo‘shish uchun CSS overflow xususiyatidan foydalaning.
Sintaksis
element.clientWidth
Qaytariladigan qiymat
| Tip | Tavsif |
| Number | Elementning ichki bo‘shliq (padding) bilan birgalikdagi ko‘rinadigan kengligi (pikselda). |
clientHeight/clientWidth va offsetHeight/offsetWidth o‘rtasidagi farq
Aylantirish panelisiz:
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";
O‘zingiz sinab ko‘ring »
Aylantirish paneli bilan:
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";
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.clientWidth barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!