contains মেথড
contains মেথডটি একটি এলিমেন্টের ভিতরে অন্য এলিমেন্ট রয়েছে কিনা তা পরীক্ষা করতে দেয়।
মেথডের প্যারামিটার হিসেবে যে এলিমেন্ট পাস করা হয়, তা পরীক্ষা করা হয় যে এটি সেই এলিমেন্টের ভিতরে রয়েছে কিনা যার উপর মেথডটি প্রয়োগ করা হয়েছে।
সিনট্যাক্স
parent.contains(element);
উদাহরণ
আসুন চেক করি #child প্যারাগ্রাফটি
#parent ব্লকের ভিতরে রয়েছে কিনা:
<div id="parent">
<p id="child"></p>
</div>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
কোড এক্সিকিউট করার ফলাফল:
true
উদাহরণ
এবং এখন প্যারেন্টে পাস করা এলিমেন্ট নেই
এবং তাই মেথডটি false রিটার্ন করে:
<div id="parent"></div>
<p id="child"></p>
let parent = document.querySelector('#parent');
let child = document.querySelector('#child');
let contains = parent.contains(child);
console.log(contains);
কোড এক্সিকিউট করার ফলাফল:
false
উদাহরণ
সেই একই এলিমেন্ট পাস করা যেতে পারে যার উপর
মেথডটি কল করা হয়েছিল, এই ক্ষেত্রে মেথডটি
true রিটার্ন করবে:
<div id="parent"></div>
let parent = document.querySelector('#parent');
let contains = parent.contains(parent);
console.log(contains);
কোড এক্সিকিউট করার ফলাফল:
true