Метод contains в JavaScript

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