Metode HTML DOM Element matches()

Definisi dan penggunaan

matches() Metode akan kembalikan true, jika elemen cocok dengan pemilih CSS tertentu; sebaliknya kembalikan false.

Juga lihat:

Referensi lengkap pemilih CSS

Metode Element closest()

Contoh

Contoh 1

Apakah elemen cocok dengan pemilih CSS?

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

Coba sendiri

Contoh 2

Apakah elemen cocok dengan salah satu pemilih yang ada?

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

Coba sendiri

Sintaks

element.matches(selectors)

Parameter

Parameter Deskripsi
selectors

Diperlukan. Satu atau lebih (dipisahkan koma) pemilih CSS yang akan dicocokkan.

Elemen yang kembali adalah elemen pertama yang ditemukan dalam dokumen.

Lihat referensi lengkap kami Panduan Pemilihan CSS.

Kembalian

Tipe Deskripsi
Bilangan bulat
  • true - Elemen cocok dengan pemilih CSS
  • false - Elemen tidak cocok dengan pemilih CSS

Dukungan browser

Pertama yang sepenuhnya mendukung matches() Versi browser metode:

Chrome Edge Firefox Safari Opera
Chrome
33		 Edge
15		 Firefox
34		 Safari
7		 Opera
21
Februari 2014 April 2017 Desember 2014 Bulan Oktober 2013 Bulan Mei 2014