HTML DOM komt overeen met() Methode
❮Het Element-ObjectVoorbeeld
Bepaal of een element overeenkomt met een CSS-selector:
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";
}
Definitie en gebruik
De matches()
methode retourneert een Booleaanse waarde die aangeeft of een element overeenkomt met een specifieke CSS-selector of niet.
Tip: Kijk voor een lijst van alle CSS-kiezers in onze CSS-kiezersreferentie .
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de methode volledig ondersteunt.
Method | |||||
---|---|---|---|---|---|
matches() | 33.0 | 18.0 | 34.0 | 7.0 | 21.0 |
Syntaxis
element.matches(selectors)
Parameterwaarden
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. |
Technische details
Winstwaarde: |
Een Boolean, die aangeeft of het element kan worden gematcht door de CSS-selector:
|
---|
Meer voorbeelden
Voorbeeld
Zoek uit of een element overeenkomt met een van meerdere selectors:
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.";
}
Gerelateerde pagina's
JavaScript-referentie: de methode element.closest() .
❮Het Element-Object