HTML DOM ကလိုင်းယင့်ဝဲ ပိုင်ဆိုင်မှု
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ အပေါ်နှင့် ဘယ်ဘက်ဘောင်၏ အကျယ်ကို ရယူပါ-
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
clientLeft ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခု၏ ဘယ်ဘက်ဘောင်၏ အကျယ်ကို pixels ဖြင့် ပြန်ပေးသည်။
ဤပိုင်ဆိုင်မှုတွင် ဒြပ်စင်၏ဘယ်ဘက်အကွက် သို့မဟုတ် ဘယ်ဘက်အနားသတ်မပါဝင်ပါ။
အကြံပြုချက်- ဒြပ်စင်တစ်ခု၏ ဘယ်ဘက်ဘောင်၏ အကျယ်ကို ပြန်ပေးရန်အတွက် style.borderLeftWidth ပိုင်ဆိုင်မှု ကိုလည်း သင်အသုံးပြုနိုင်ပါသည် ။
မှတ်ချက်- Windows ပေါ်ရှိ Chrome၊ Firefox နှင့် Opera အတွက်၊ အကယ်၍ ဒြပ်စင်တွင် scrollbar တစ်ခုရှိသည် (CSS overflow property မှသတ်မှတ်သည်) နှင့် ထိုဒြပ်စင်၏စာသားလမ်းညွှန်သည် ညာမှဘယ်သို့ဖြစ်သည် (CSS လမ်းညွှန် ပိုင်ဆိုင်မှုမှသတ်မှတ်သည်)၊ ပိုင်ဆိုင်မှုတွင် ဘယ်ဘက်ဘောင်အကျယ်နှင့်အတူ ဒေါင်လိုက် scrollbar ၏အကျယ်ပါဝင်သည်။ သို့သော် IE တွင်၎င်းသည် "0" ကိုပြန်လာသည်။ Safari၊ Chrome၊ Firefox သို့မဟုတ် Opera ကိုအသုံးပြု၍ Mac OS တွင်၊ ၎င်းသည် ဘယ်ဘက်ဘောင်အကျယ်ကိုသာ ပြန်ပေးသည်။
အကြံပြုချက်- ဒြပ်စင်တစ်ခု၏ အပေါ်ပိုင်းဘောင်၏ အကျယ်ကို ပြန်ပေးရန်၊ clientTop ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
အထားအသို
element.clientLeft
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ ဘယ်ဘက်ဘောင်၏ အကျယ်ကို pixels ဖြင့် ကိုယ်စားပြုသည့် နံပါတ် |
---|
နောက်ထပ် ဥပမာများ
ဥပမာ
ဤဥပမာတွင်၊ <div> ၏ စာသားလမ်းကြောင်းသည် ညာမှဘယ်သို့ဖြစ်ပြီး ၎င်းတွင် scrollbar တစ်ခုပါရှိသည်။
var left = document.getElementById("myDIV").clientLeft;