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