nextElementSibling ဂုဏ်သတ္တိ

nextElementSibling ဂုဏ်သတ္တိသည် ထို element ၏ မိဘအချက်တူ (parent) တွင်ရှိသော နောက်ထပ် element ကို ပါရှိသည်။ အကယ်၍ ထို element မရှိပါက null ကို ပြန်ပေးသည်။

ပုံစံဖွဲ့စည်းပုံ

element.nextElementSibling;

ဥပမာ

#elem element ကို ပေးထားသည်။ ၎င်း၏ အောက်ပါ ကပ်လျက် element ၏ စာသားကို ထုတ်ပြရန် ကြိုးစားကြည့်ကြမည်:

<p id="elem">elem</p>
<p>ကပ်လျက်</p>

let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;

console.log(text);

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

'ကပ်လျက်'

ဥပမာ

အောက်ပါ ကပ်လျက် မရှိပါက သို့မဟုတ် ၎င်းသည် ကျွန်ုပ်တို့၏ element ၏ မိဘအချက်တူ (parent) တွင်မဟုတ်ပါက null ကိုလည်း ပြန်ပေးသည်:

<div>
	<p id="elem">elem</p>
</div>
<p>ကပ်လျက်</p>

let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);

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

null

ဆက်လက်လေ့လာရန်

previousElementSibling ဂုဏ်သတ္တိ,
အကြောင်းမှာ ၎င်းတွင် ယခင်ကနေသော element ကို ပါရှိသည်