firstElementChild ဂုဏ်သတ္တိ

firstElementChild ဂုဏ်သတ္တိသည် ပထမဆုံးသော ကလေးအစိတ်အပိုင်းကို ပါရှိသည်။ ဘလောက်တစ်ခုအတွင်းတွင် တိုက်ရိုက်တည်ရှိသည့် တဂ်များ အားလုံးကို ကလေးအစိတ်အပိုင်းများအဖြစ် သတ်မှတ်သည်။ အကယ်၍ အစိတ်အပိုင်းတွင် ကလေးအစိတ်အပိုင်းများ မရှိပါက null ကို ပြန်ပေးသည်။

ဝါကျဖွဲ့ပုံ

javascriptelement.firstElementChild;

ဥပမာ

အစိတ်အပိုင်း၏ ပထမဆုံးသော အဆက်အနွယ်၏ အကြောင်းအရာကို ရယူမည်:

html<div id="parent">
  <p>1</p>
  <p>2</p>
</div>
javascriptlet parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;

console.log(text);

ကုဒ်အလုပ်လုပ်ဆောင်ချက်၏ ရလဒ်:

javascript'1'

ဥပမာ

ယခုအခါ အစိတ်အပိုင်းတွင် ကလေးအစိတ်အပိုင်းများ မရှိတော့ပါ။ ထို့ကြောင့် null ကို ပြသမည်:

html<div id="parent"></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

ကုဒ်အလုပ်လုပ်ဆောင်ချက်၏ ရလဒ်:

javascriptnull

ဤသည်ကိုလည်း ကြည့်ပါ

  • lastElementChild ဂုဏ်သတ္တိ,
    အကြောင်းမှာ နောက်ဆုံးအစိတ်အပိုင်းကို ပါရှိသည်
  • children ဂုဏ်သတ္တိ,
    အကြောင်းမှာ အစိတ်အပိုင်း၏ အဆက်အနွယ်အားလုံးကို ပါရှိသည်
  • firstChild ဂုဏ်သတ္တိ,
    အကြောင်းမှာ ပထမဆုံး node ကို ပါရှိသည်