Метад 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

Глядзіце таксама