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");

描述

这个matches()方法返回true如果元素与特定 CSS 选择器匹配。

matches() false

element.matches( selectors)

Parameter	Description
selectors	Required. One or more (comma separeted) CSS selectors to match. The returned element is the first found in the document. See our Complete CSS Selectors Reference.

类型	描述
布尔值	`true`- 该元素与 CSS 选择器匹配。 `false`- 该元素与 CSS 选择器不匹配。

第一个完全支持的浏览器版本matches()方法：


Chrome 33	Edge 15	Firefox 34	Safari 7	Opera 21
Feb 2014	Apr 2017	Dec 2014	Oct 2013	May 2014