HTML DOM Element clientHeight အချက်အလက်

အသုံးပြုခြင်း နှင့် အမှုထမ်း

clientHeight အချက်အလက် အပြန် အထိပ်အဝန်း ကို ကြမ်းဝတ် ပါသည်၊ အခြား ပုံစံများ နှင့် အဆင်းတက် ကြောင်း မပါဘဲ၊ ပိုးဆုံးစံပြတ်တ် အတွက် ပိုးဆုံးစံပြတ်တ်

clientHeight အချက်အလက် သာမက ကြည့်ပါ

ကြည့်ရန်CSS ပဋ္ဌာန်းများ အော်ငြား

အခြား ကြည့်ရန်

clientWidth အချက်အလက်

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: 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.clientHeight

ကန့်ကွက်

အမျိုးအစား ဖော်ပြ
နှစ် အရာဝတ္တု မြင်ကွင်း အထိပ်အဝန်း (ပိုးဆုံးစံပြတ်တ် အတွက်) အကြမ်းဝတ် ပါသည်。

ဘရာဇီးကျူး ထောက်ပံ့

အားလုံး ဘရာဇီးကျူး ထောက်ပံ့ element.clientHeight：

ခလုယ် အိုင်အို အင်ဂျီ ဖက်ဖက် ဆာဖာ အိုပရာ
ခလုယ် အိုင်အို အင်ဂျီ ဖက်ဖက် ဆာဖာ အိုပရာ
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့