HTML DOM Element clientWidth 属性

定义和用法

clientWidth 属性返回元素的可视宽度，包括内边距，但不包括边框、滚动条或外边距，以像素计。

clientWidth အချက် သည် နှုတ်ခတ်နိုင်သော ဖြစ်သည်

ကျမ်းကို ကြည့်ပါ:CSS အကြီးအကျယ် ပြန်လည်ရေး

ကျမ်းကို ကြည့်ပါ:

clientHeight အချက်

clientTop အချက်

clientLeft အချက်

offsetHeight အချက်

offsetWidth အချက်

အဆင်းပြင် တွင် တိုင် ပြင်ဆင် ရန် ကျွမ်းကျွမ်း CSS overflow အကျုပ်.

အမှု

အမှု 1

"myDIV" အဆင်းပြင် အရွယ် နှင့် အဆင်းပြင် အရွယ် ကို ရယူပါ

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

ကိုယ်တိုင် စမ်းသပ်ပါ

အမှု 2

အမှု 2: clientHeight/clientWidth နှင့် offsetHeight/offsetWidth အကွာအပြား

ရှည်လျားသော တိုင် မပါ

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

ကိုယ်တိုင် စမ်းသပ်ပါ

ရှည်လျားသော တိုင်

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

ကိုယ်တိုင် စမ်းသပ်ပါ

အက္ခရာ

element.clientWidth

အပြန်လွှတ် အရာ

အမျိုးအစား ဖော်ပြ
အချက်အလက် အဆင်းပြင် အရွယ် (ပမာဏ: ပမာဏသုံး) အတွက် ပါဝင်သည် အတွင်းဘက်အကွက်

ဘရောက်သုံး ပုံးခြုံ

အားလုံး ဘရောက်သုံး element.clientWidth:

ခလီ အိုးအီ အန်ဂျီ ဖက်ဝုံး စပေး အိုပရာ
ခလီ အိုးအီ အန်ဂျီ ဖက်ဝုံး စပေး အိုပရာ
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့