Метод matches() объекта HTML DOM Element

определение и использование

matches() метод вернет true, если элемент соответствует определенному CSS селектору; в противном случае возвращается false.

смотрите также:

полный справочник по CSS селекторам

Метод closest() элемента

пример

пример 1

Элемент соответствует любому CSS селектору?

const element = document.getElementById("demo");
let answer = element.matches(".container");

попробуйте сами

пример 2

Элемент соответствует одному из двух селекторов?

const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");

попробуйте сами

синтаксис

element.matches(selectors)

параметр

параметр описание
selectors

обязателен. Один или несколько (разделенные запятыми) CSS селекторов для соответствия.

возвращаемый элемент является первым найденным элементом в документе.

Пожалуйста, обратитесь к нашему полному Референсное руководство по CSS-селекторам.

возвратное значение

тип описание
булево значение
  • true - элемент соответствует CSS селектору
  • false - элемент не соответствует CSS селектору

поддержка браузера

первый полностью поддерживающий matches() Версия браузера метода:

Кروм Эдж Фаерфокс Сафари Опера
Кروм
33
Эдж
15
Фаерфокс
34
Сафари
7
Опера
21
2014 год 2 месяц 2017 год 4 месяц 2014 год 12 месяц Октябрь 2013 года Май 2014 года