# Метод contains

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

## Смотрите также

- метод `matches`,
  который проверяет элемент по селектору
- метод `closest`,
  который находит родителя по селектору

← →
↑
en ru