HTML DOM Element matches() メソッド

定義と使用方法

matches() メソッドは true、特定の CSS セレクタに要素が一致する場合；そうでない場合は false。

参照してください：

完全な CSS セレクタ リファレンス マニュアル

Element closest() メソッド

例

例 1

要素が特定の CSS セレクタに一致しますか？

const element = document.getElementById("demo");
let answer = element.matches(".container");

実際に試してみてください

例 2

要素が二つのセレクタのうちのいずれかと一致しますか？

const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");

実際に試してみてください

文法

element.matches(selectors)

パラメータ

パラメータ 説明
selectors

必要です。一つまたは複数（カンマ区切り）に一致する CSS セレクタ。

返される要素はドキュメント内で最初に見つかった要素です。

請見てください คู่มือเลือกเลือก CSS。

返り値

タイプ 説明
ブール値
  • true - 要素が CSS セレクタに一致します
  • false - 要素と CSS セレクタが一致しません

ブラウザのサポート

完全にサポート matches() バージョンのブラウザの方法：

Chrome Edge Firefox Safari Opera
Chrome
33		 Edge
15		 Firefox
34		 Safari
7		 Opera
21
2014 มีนาคม 2017 สิงหาคม 2014 ปี ธันวาคม เดือนตุลาคม 2013 เดือนพฤษภาคม 2014