HTML DOM Element matches() 方法

定义和用法

matches() 方法将返回 true，如果元素匹配特定的 CSS 选择器；否则返回 false。

元素是否匹配某个 CSS 选择器？

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

元素是否匹配两个选择器之一？

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

element.matches(selectors)

参数	描述
selectors	必需。一个或多个（逗号分隔）要匹配的 CSS 选择器。返回的元素是文档中第一个找到的元素。请参阅我们的完整的 CSS 选择器参考手册。

描述

selectors

必需。一个或多个（逗号分隔）要匹配的 CSS 选择器。

返回的元素是文档中第一个找到的元素。

请参阅我们的完整的 CSS 选择器参考手册。

类型	描述
布尔值	true - 元素匹配 CSS 选择器 false - 元素与 CSS 选择器不匹配

首个完全支持 matches() 方法的浏览器版本：

Chrome	Edge	Firefox	Safari	Opera
Chrome 33	Edge 15	Firefox 34	Safari 7	Opera 21
2014 年 2 月	2017 年 4 月	2014 年 12 月	2013 年 10 月	2014 年 5 月