offsetWidth
Misol
"myDIV" elementining ichki bo‘shliq (padding) va chegara (border) bilan birgalikdagi balandligi va kengligini oling:
const elmnt = document.getElementById("myDIV");
let text = "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
offsetWidth xususiyati elementning ko‘rinadigan kengligini (pikselda) qaytaradi: ichki bo‘shliq (padding), chegara (border) va aylantirish paneli (scrollbar) hisobga olinadi, lekin tashqi bo‘shliq (margin) hisobga olinmaydi.
offsetWidth xususiyati faqat o‘qish uchun.
Darslik:
offsetParent
Barcha blok darajasidagi elementlar o‘z siljishlarini (offset) offset ota elementiga nisbatan hisoblaydi:
- offsetTop
- offsetLeft
- offsetWidth
- offsetHeight
Offset ota element — position qiymati static’dan farqli bo‘lgan eng yaqin ajdod element.
Agar offset ota element mavjud bo‘lmasa, siljish hujjat tanasiga (body) nisbatan hisoblanadi.
Shuningdek qarang:
Sintaksis
element.offsetWidth
Qaytariladigan qiymat
| Tip | Tavsif |
| Number | Elementning ichki bo‘shliq (padding), chegara (border) va aylantirish paneli (scrollbar) bilan birgalikdagi ko‘rinadigan kengligi (pikselda). |
clientHeight/clientWidth va offsetHeight/offsetWidth
o‘rtasidagi farq
Aylantirish panelisiz:
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";
O‘zingiz sinab ko‘ring »
Aylantirish paneli bilan:
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";
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.offsetWidth barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!