contains মেথড

contains মেথডটি একটি এলিমেন্টের ভিতরে অন্য এলিমেন্ট রয়েছে কিনা তা পরীক্ষা করতে দেয়। মেথডের প্যারামিটার হিসেবে যে এলিমেন্ট পাস করা হয়, তা পরীক্ষা করা হয় যে এটি সেই এলিমেন্টের ভিতরে রয়েছে কিনা যার উপর মেথডটি প্রয়োগ করা হয়েছে।

সিনট্যাক্স

javascriptparent.contains(element);

উদাহরণ

আসুন চেক করি #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 মেথড,
    যা সিলেক্টর দ্বারা একটি এলিমেন্ট চেক করে
  • closest মেথড,
    যা সিলেক্টর দ্বারা প্যারেন্ট খুঁজে পায়