HTML DOM 元素 matches()
示例
元素是否匹配 CSS 选择器？
const element = document.getElementById("demo");
let answer = element.matches(".container");
自己尝试一下 »
元素是否匹配两个选择器中的一个？
const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");
自己尝试一下 »
描述
如果元素匹配特定 CSS 选择器(s)，则 matches() 方法返回 true。
matches() 方法返回 false。
语法
element.matches(selectors)
参数
| 参数 | 描述 |
| 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 月 |
