previousElementSibling Property

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

Syntax

javascriptelement.previousElementSibling;

ဥပမာ

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

html<p>sibling</p>
<p id="elem">elem</p>
javascriptlet elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;

console.log(text);

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

javascript'sibling'

ဥပမာ

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

html<p>sibling</p>
<div>
  <p id="elem">elem</p>
</div>
javascriptlet elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);

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

javascriptnull

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

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