HTML DOM စာရွက်စာတမ်း getElementById()
ဥပမာ
သတ်မှတ်ထားသော ID ဖြင့် အစိတ်အပိုင်းကို ရယူပါ-
document.getElementById("demo");
အစိတ်အပိုင်းကိုရယူပြီး ၎င်း၏အရောင်ကို ပြောင်းလဲပါ
const myElement = document.getElementById("demo");
myElement.style.color = "red";
သို့မဟုတ် ၎င်း၏အရောင်ကို ပြောင်းလိုက်ပါ-
document.getElementById("demo").style.color = "red";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
နည်းလမ်း သည် getElementById()
သတ်မှတ်ထားသောတန်ဖိုးဖြင့် အစိတ်အပိုင်းတစ်ခုကို ပြန်ပေးသည်။
ဒြပ် စင် မရှိလျှင် getElementById()
နည်းလမ်းသည် ပြန်တက် လာသည်။null
နည်းလမ်း သည် getElementById()
HTML DOM တွင် အသုံးအများဆုံးနည်းလမ်းများထဲမှတစ်ခုဖြစ်သည်။ HTML အစိတ်အပိုင်းတစ်ခုကို သင်ဖတ်ရန် သို့မဟုတ် တည်းဖြတ်လိုသည့်အချိန်တိုင်းလိုလို ၎င်းကို အသုံးပြုသည်။
မှတ်ချက်
မည်သည့် id မဆို သီးသန့်ဖြစ်သင့်သည်၊ သို့သော်-
တူညီသော id ပါသော ဒြပ်စင်နှစ်ခု သို့မဟုတ် ထို့ထက်ပိုပါက၊ getElementById()
ပထမတစ်ခုကို ပြန်ပေးသည်။
ကိုလည်းကြည့်ပါ-
စာရွက်စာတမ်း getElementsByTagName() နည်းလမ်း
စာရွက်စာတမ်း getElementsByClassName() နည်းလမ်း
အထားအသို
document.getElementById(elementID)
ကန့်သတ်ချက်များ
Parameter | Description |
id | Required. The id value of an element. |
တန်ဖိုးကို ပြန်ပေးသည်။
ရိုက်ပါ။ | ဖော်ပြချက် |
အရာဝတ္ထု | သတ်မှတ်ထားသော id ပါသည့်ဒြပ်စင်။ null ဒြပ်စင်မရှိလျှင်။ |
ဆက်စပ်စာမျက်နှာများ-
CSS သင်ခန်းစာ- CSS Syntax
CSS ရည်ညွှန်းချက်- CSS #id ရွေးချယ်မှု
HTML DOM ရည်ညွှန်းချက်- HTML DOM id ပိုင်ဆိုင်မှု
HTML DOM ရည်ညွှန်း- HTML DOM စတိုင် Object
Browser ပံ့ပိုးမှု
document.getElementById()
DOM Level 2 (2001) အင်္ဂါရပ်တစ်ခုဖြစ်သည်။
ဘရောက်ဆာအားလုံးတွင် ၎င်းကို အပြည့်အဝထောက်ခံသည်-
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |