Метод contains позволяет проверить, содержит ли один элемент внутри себя другой.

Параметром метода передается элемент, который будет проверяться на то, что он находится внутри элемента, к которому применился метод.

См. также методы matches, closest, которые осуществляют похожие операции.

Синтаксис

родитель.contains(элемент);

Примеры

Пример

Проверим, находится ли абзац #elem в блоке #parent:

<div id="parent">
	<p id="elem"></p>
</div>
var parent = document.getElementById('parent');
var elem = document.getElementById('elem');

document.write(parent.contains(child));

Результат выполнения кода:

true

Пример

А теперь в элементе нет переданного элемента и поэтому метод возвращает false:

<div id="parent"></div>
<p id="elem"></p>
var parent = document.getElementById('parent');
var elem = document.getElementById('elem');

document.write(parent.contains(elem));

Результат выполнения кода:

false

Пример

Можно передать тот же элемент, на котором метод был вызван, в этом случае метод тоже вернет true:

<div id="parent"></div>
var parent = document.getElementById('parent');
document.write(parent.contains(parent));

Результат выполнения кода:

true