Метод matches()
Примеры element.matches()
Соответствует ли элемент селектору CSS?
const element = document.getElementById("demo");
let answer = element.matches(".container");
Попробуйте сами »
Соответствует ли элемент одному из двух селекторов?:
const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");
Попробуйте сами »
Описание matches()
Метод matches() возвращает true, если элемент соответствует определенному селектору(ам) CSS.
Метод matches() возвращает false в противном случае.
Синтаксис matches()
element.matches(selectors)
Параметры matches()
| Параметр | Описание |
|---|---|
| selectors |
Обязательно. Один или несколько (разделенных запятыми) селекторов CSS для сопоставления. Возвращаемый элемент — первый найденный в документе. См. наш Полный справочник селекторов CSS. |
Возвращаемое значение matches()
| Тип | Описание |
|---|---|
| Boolean | true - Элемент соответствует селектору CSS.false - Элемент не соответствует селектору CSS. |
Поддержка matches()
Первые версии браузеров, которые полностью поддерживают метод matches():
| Chrome 33 |
Edge 15 |
Firefox 34 |
Safari 7 |
Opera 21 |
| Feb 2014 | Apr 2017 | Dec 2014 | Oct 2013 | May 2014 |