HTML DOM cocok () Metode
Objek ElemenContoh
Tentukan apakah suatu elemen cocok dengan pemilih CSS:
var element = document.getElementById("myElement");
if (element.matches(".container")) {
element.innerHTML = "This element matches the \".container\" CSS selector";
} else {
element.innerHTML = "This element does not match the \".container\" CSS selector";
}
Definisi dan Penggunaan
Metode matches()ini mengembalikan nilai Boolean yang menunjukkan apakah suatu elemen cocok dengan pemilih CSS tertentu atau tidak.
Tip: Untuk daftar semua Pemilih CSS, lihat Referensi Pemilih CSS kami .
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.
| Method | |||||
|---|---|---|---|---|---|
| matches() | 33.0 | 18.0 | 34.0 | 7.0 | 21.0 |
Sintaksis
element.matches(selectors)
Nilai Parameter
| Parameter | Description |
|---|---|
| selectors |
Required. Specifies one or more CSS selectors to match the element. These are used to select HTML elements based on their id, classes, types, attributes, values of attributes, etc. For multiple selectors, separate each selector with a comma. The returned element depends on which element that is first found in the document (See "More Examples"). Tip: For a list of all CSS Selectors, look at our CSS Selectors Reference. |
Detail Teknis
| Nilai Kembali: |
Boolean, menunjukkan apakah elemen dapat dicocokkan oleh pemilih CSS:
|
|---|
Lebih Banyak Contoh
Contoh
Cari tahu apakah suatu elemen cocok dengan salah satu dari beberapa pemilih:
var element = document.getElementById("myElement");
if (element.matches(".container, .wrapper")) {
element.innerHTML = "This element matches either the \".container\" CSS selector or the \".wrapper\" selector.";
} else {
element.innerHTML = "This element does not match any of the selectors.";
}
Halaman Terkait
Referensi JavaScript: Metode element.closest() .
Objek Elemen