previousElementSibling Property

previousElementSibling property တွင် ထိုအဖွဲ့ဝင် (parent) အတွင်း၌ တည်ရှိသော ယခင်က element ပါဝင်သည်။ အကယ်၍ ထိုသို့သော element မရှိပါက null ပြန်ပေးသည်။

Syntax

element.previousElementSibling;

ဥပမာ

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

<p>sibling</p>
<p id="elem">elem</p>

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

console.log(text);

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

'sibling'

ဥပမာ

အထက်ဖက် ကပ်လျက် element မရှိလျှင် သို့မဟုတ် ၎င်းသည် ကျွန်ုပ်တို့ element ၏ အဖွဲ့ဝင် (parent) အတွင်း တည်ရှိမနေလျှင်၊ null ပြန်ပေးသည် -

<p>sibling</p>
<div>
	<p id="elem">elem</p>
</div>

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

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

null

ဆက်လက်ကြည့်ရှုရန်

nextElementSibling property,
အောက်ဖက် ကပ်လျက် element (နောက်ထပ် element) ပါရှိသည်။