HTML-DOM- Matches()- Methode
❮ Das Element-ObjektBeispiel
Bestimmen Sie, ob ein Element mit einem CSS-Selektor übereinstimmt:
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";
}
Definition und Verwendung
Die matches()
Methode gibt einen booleschen Wert zurück, der angibt, ob ein Element mit einem bestimmten CSS-Selektor übereinstimmt oder nicht.
Tipp: Eine Liste aller CSS-Selektoren finden Sie in unserer CSS-Selektoren-Referenz .
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt.
Method | |||||
---|---|---|---|---|---|
matches() | 33.0 | 18.0 | 34.0 | 7.0 | 21.0 |
Syntax
element.matches(selectors)
Parameterwerte
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
Rückgabewert: |
Ein boolescher Wert, der angibt, ob das Element vom CSS-Selektor abgeglichen werden kann:
|
---|
Mehr Beispiele
Beispiel
Finden Sie heraus, ob ein Element mit einem von mehreren Selektoren übereinstimmt:
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.";
}
Verwandte Seiten
JavaScript-Referenz: Die Methode element.closest() .
❮ Das Element-Objekt