мое новое расписание: пн-пт с 8.00 по 16.00 по москве, сб и вс - выходные; после 16.00 и на вых. отвечаю по возможности

Метод 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,
    который находит родителя по селектору