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