Метод contains

Метод contains бир элемент ичкида бошқа элемент борлигини текшириш имконини беради. Метод параметри сифатида шу элемент узини ичкида жойлашганми ёки йўқми, текшириладиган элемент берилади.

Синтаксис

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

Қараб чикинг