méthode matches() de l'élément HTML DOM

définition et utilisation

matches() la méthode retournera truesi l'élément correspond à un sélecteur CSS spécifique ; sinon retourne false。

voir également :

manuel complet des sélecteurs CSS

méthode Element closest()

exemple

exemple 1

l'élément correspond-il à un sélecteur CSS ?

const element = document.getElementById("demo");
let answer = element.matches(".container");

essayez-le vous-même

exemple 2

l'élément correspond-il à l'un des deux sélecteurs ?

const element = document.getElementById("demo");
let answer = element.matches(".container, .wrapper");

essayez-le vous-même

grammaire

element.matches(selectors)

paramètres

paramètres description
selectors

obligatoire. Un ou plusieurs (séparés par des virgules) sélecteurs CSS à correspondre.

l'élément retourné est le premier élément trouvé dans le document.

veuillez consulter notre documentation complète Manuel de sélecteurs CSS。

valeur de retour

type description
valeur booléenne
  • true - l'élément correspond au sélecteur CSS
  • false - l'élément ne correspond pas au sélecteur CSS

prise en charge du navigateur

le premier navigateur à prendre en charge matches() version du navigateur de la méthode :

Chrome Edge Firefox Safari Opéra
Chrome
33		 Edge
15		 Firefox
34		 Safari
7		 Opéra
21
février 2014 avril 2017 décembre 2014 Octobre 2013 Mai 2014