contains နည်းလမ်း

contains နည်းလမ်းသည် အရာဝတ္ထုတစ်ခုသည် အခြားအရာဝတ္ထုတစ်ခုကို မိမိအတွင်း ပါဝင်မှုရှိမရှိ စစ်ဆေးနိုင်စေသည်။ နည်းလမ်း၏ parameter အဖြစ် ပေးပို့သော အရာဝတ္ထုသည် နည်းလမ်းကို အသုံးပြုထားသော အရာဝတ္ထု၏ အတွင်းတွင် တည်ရှိမှုရှိမရှိ စစ်ဆေးခြင်းခံရမည်ဖြစ်သည်။

ဝါကျဖွဲ့စည်းပုံ

javascriptမိဘ.contains(အရာဝတ္ထု);

ဥပမာ

#child စာပိုဒ်သည် #parent ဘလောက်အတွင်း တည်ရှိမှုရှိမရှိ စစ်ကြည့်ပါမည်:

html<div id="parent">
  <p id="child"></p>
</div>
javascriptlet parent = document.querySelector('#parent');
let child = document.querySelector('#child');

let contains = parent.contains(child);
console.log(contains);

ကုဒ်အလုပ်လုပ်ဆောင်မှု၏ ရလဒ်:

javascripttrue

ဥပမာ

ယခုတွင် မိဘအရာဝတ္ထုတွင် ပေးပို့ထားသော အရာဝတ္ထု မပါဝင်သဖြင့် နည်းလမ်းသည် false ကို ပြန်ပေးသည်:

html<div id="parent"></div>
<p id="child"></p>
javascriptlet parent = document.querySelector('#parent');
let child = document.querySelector('#child');

let contains = parent.contains(child);
console.log(contains);

ကုဒ်အလုပ်လုပ်ဆောင်မှု၏ ရလဒ်:

javascriptfalse

ဥပမာ

နည်းလမ်းခေါ်ဆိုထားသော အရာဝတ္ထုနှင့် တူညီသော အရာဝတ္ထုကို ပေးပို့နိုင်သည်၊ ထိုသို့ဖြစ်လျှင် နည်းလမ်းသည်လည်း true ကို ပြန်ပေးမည်ဖြစ်သည်:

html<div id="parent"></div>
javascriptlet parent = document.querySelector('#parent');
let contains = parent.contains(parent);

console.log(contains);

ကုဒ်အလုပ်လုပ်ဆောင်မှု၏ ရလဒ်:

javascripttrue

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

  • matches နည်းလမ်း,
    အရာဝတ္ထုကို selector အရ စစ်ဆေးပေးသည်
  • closest နည်းလမ်း,
    selector အရ မိဘအရာဝတ္ထုကို ရှာဖွေပေးသည်