HTML DOM 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() 方法会在元素匹配指定的 CSS 选择器（一个或多个）时返回 true。
matches() 方法会返回 false。
语法
element.matches(selectors)
参数
| 参数 | 描述 |
| 选择器 | 必需。 一个或多个（逗号分隔的）CSS 选择器以进行匹配。 返回的元素是在文档中找到的第一个匹配元素。 请参阅我们的 完整的 CSS 选择器参考。 |
返回值
| 类型 | 描述 |
| 布尔值 | true - 元素匹配 CSS 选择器。false - 元素不匹配 CSS 选择器。 |
浏览器支持
完全支持 matches() 方法的首个浏览器版本
| Chrome 33 |
Edge 15 |
Firefox 34 |
Safari 7 |
Opera 21 |
| 2014 年 2 月 | 2017 年 4 月 | 2014 年 12 月 | 2013 年 10 月 | 2014 年 5 月 |
