Méthode HTML DOM matches()
❮ L'objet élémentExemple
Déterminez si un élément correspond à un sélecteur 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";
}
Définition et utilisation
La matches()
méthode renvoie une valeur booléenne indiquant si un élément correspond ou non à un sélecteur CSS spécifique.
Conseil : Pour obtenir une liste de tous les sélecteurs CSS, consultez notre référence sur les sélecteurs CSS .
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la méthode.
Method | |||||
---|---|---|---|---|---|
matches() | 33.0 | 18.0 | 34.0 | 7.0 | 21.0 |
Syntaxe
element.matches(selectors)
Valeurs des paramètres
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. |
Détails techniques
Valeur de retour : |
Un booléen, indiquant si l'élément peut être mis en correspondance avec le sélecteur CSS :
|
---|
Plus d'exemples
Exemple
Découvrez si un élément correspond à l'un des multiples sélecteurs :
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.";
}
Pages connexes
Référence JavaScript : La méthode element.closest() .
❮ L'objet élément