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 文档中找到的第一个元素。

类型	描述
Boolean	true - 元素匹配 CSS 选择器。 false - 元素与 CSS 选择器不匹配。

类型

描述

Boolean

true - 元素匹配 CSS 选择器。

false - 元素与 CSS 选择器不匹配。