HTML DOM ပထမElementChild Property
ဥပမာ
<ul> ဒြပ်စင်တစ်ခု၏ ပထမကလေးဒြပ်စင်၏ HTML အကြောင်းအရာကို ရယူပါ-
var x = document.getElementById("myList").firstElementChild.innerHTML;
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
firstElementChild ပိုင်ဆိုင်မှုသည် သတ်မှတ်ထားသောဒြပ်စင်၏ ပထမကလေးဒြပ်စင်ကို ပြန်ပေးသည်။
ဤပိုင်ဆိုင်မှုနှင့် firstChild အကြားခြားနားချက် မှာ firstChild သည် ပထမကလေး node အား ဒြပ်စင်အမှတ်အသားတစ်ခု၊ စာသား node သို့မဟုတ် မှတ်ချက် Node (မည်သူ၏ပထမဆုံးအရာပေါ်မူတည်၍) ကို firstElementChild မှ ပြန်ပေးသော်လည်း firstElementChild သည် ပထမကလေး node အား element node အဖြစ်ပြန်ပေးသည် (စာသားကိုလျစ်လျူရှုထားသည် နှင့် comment node များ)။
ဤပိုင်ဆိုင်မှုသည် ဖတ်ရန်သာဖြစ်သည်။
အကြံပြုချက်- သတ်မှတ်ထားသော ဒြပ်စင်တစ်ခု၏ ကလေးဒြပ်စင်ကို ပြန်ပေးရန် အတွက် ကလေးများ ပိုင်ဆိုင်မှု ကို အသုံးပြုပါ ။ ကလေးများ[0] သည် firstElementChild နှင့် တူညီသောရလဒ်ကို ထုတ်ပေးမည်ဖြစ်သည်။
အကြံပြုချက်- သတ်မှတ်ထားသည့်ဒြပ်စင်တစ်ခု၏ နောက်ဆုံးကလေးဒြပ်စင်ကို ပြန်ပေးရန်၊ LastElementChild ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
အထားအသို
element.firstElementChild
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | Node အရာဝတ္ထုတစ်ခု၊ ဒြပ်စင်တစ်ခု၏ ပထမကလေးဒြပ်စင်ကို ကိုယ်စားပြုသော သို့မဟုတ် ကလေးဒြပ်စင်များမရှိပါက null |
---|---|
DOM ဗားရှင်း | Core Level 3 Element Traversal |
နောက်ထပ် ဥပမာများ
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ ပထမဆုံး ကလေးဒြပ်စင်၏ tag အမည်ကို ရယူပါ-
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
ဥပမာ
<select> ဒြပ်စင်တစ်ခု၏ ပထမဒြပ်စင် Node ၏ စာသားကို ရယူပါ-
var x = document.getElementById("mySelect").firstElementChild.text;