HTML DOM matches() 方法
元素对象
实例
元素是否匹配 CSS 选择器？
const element = document.getElementById("demo");
let answer = element.matches(".container");
实例
元素是否匹配两个 CSS 选择器中的一个？
const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");
定义和用法
如果元素匹配指定的 CSS 选择器，matches() 方法就返回 true，否则返回 false。
浏览器支持
表格中的数字是第一个完全支持 matches() 方法的浏览器版本：
| Chrome 33 |
Edge 15 |
Firefox 34 |
Safari 7 |
Opera 21 |
| Feb 2014 | Apr 2017 | Dec 2014 | Oct 2013 | May 2014 |
语法
element.matches(selectors)
参数
| 参数 | 描述 |
| selectors |
必需。 要匹配的一个或多个 (多个用逗号 , 分隔) CSS 选择器。 返回的元素是在 HTML 文档中找到的第一个元素。 查看所有 CSS 选择器参考手册。 |
返回值
| 类型 | 描述 |
|---|---|
| Boolean |
true – 元素匹配 CSS 选择器。 false – 元素与 CSS 选择器不匹配。 |
元素对象
