HTML DOM eşleşmeleri() Yöntem
❮ Öğe NesnesiÖrnek
Bir öğenin bir CSS seçiciyle eşleşip eşleşmediğini belirleyin:
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";
}
Tanım ve Kullanım
Yöntem matches()
, bir öğenin belirli bir CSS seçicisi tarafından eşlenip eşleşmediğini gösteren bir Boole değeri döndürür.
İpucu: Tüm CSS Seçicilerin listesi için CSS Seçici Referansımıza bakın .
Tarayıcı Desteği
Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Method | |||||
---|---|---|---|---|---|
matches() | 33.0 | 18.0 | 34.0 | 7.0 | 21.0 |
Sözdizimi
element.matches(selectors)
Parametre Değerleri
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. |
Teknik detaylar
Geri dönüş değeri: |
Öğenin CSS seçicisi tarafından eşleştirilip eşleştirilemeyeceğini gösteren bir Boole:
|
---|
Daha fazla örnek
Örnek
Bir öğenin birden çok seçiciden biriyle eşleşip eşleşmediğini öğrenin:
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.";
}
İlgili Sayfalar
JavaScript Referansı: element.closest() yöntemi.
❮ Öğe Nesnesi