firstElementChild ဂုဏ်သတ္တိ

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

ဝါကျဖွဲ့ပုံ

element.firstElementChild;

ဥပမာ

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

<div id="parent">
	<p>1</p>
	<p>2</p>
</div>

let parent = document.querySelector('#parent');
let text = parent.firstElementChild.textContent;

console.log(text);

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

'1'

ဥပမာ

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

<div id="parent"></div>

let parent = document.querySelector('#parent');
console.log(parent.firstElementChild);

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

null

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

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