HTML DOM Element matches() 方法
示例
元素是否匹配 CSS 選擇器?
const element = document.getElementById("demo");
let answer = element.matches(".container");
自己動手試一試 »
元素是否匹配兩個選擇器中的一個?
const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");
自己動手試一試 »
描述
matches()
方法會在元素匹配指定的 CSS 選擇器(一個或多個)時返回 true
。
matches()
方法會返回 false
。
語法
element.matches(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 月 |