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 选择器不匹配。

元素对象参考手册 元素对象