Метод contains
Метод contains бир элемент ичкида бошқа элемент борлигини текшириш имконини беради.
Метод параметри сифатида шу элемент узини ичкида жойлашганми ёки йўқми, текшириладиган элемент берилади.
Синтаксис
родитель.contains(элемент);
Мисол
Абзац #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