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