Μέθοδος matches() στο στοιχείο HTML DOM Element

Ορισμός και χρήση

matches() Η μέθοδος θα επιστρέψει trueαν το στοιχείο ταιριάζει με συγκεκριμένο επιλεγόμενο επιλέκτη CSS; Διαφορετικά επιστρέφει false。

Επίσης δείτε:

Πλήρες εγχειρίδιο επιλεγόμενων επιλεκτών CSS

Μέθοδος closest() στο στοιχείο Element

Παράδειγμα

Παράδειγμα 1

Το στοιχείο ταιριάζει με κάποιον επιλεγόμενο επιλέκτη CSS;

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

Προσπαθήστε το προσωπικά

Παράδειγμα 2

Το στοιχείο ταιριάζει με έναν από τους δύο επιλεγόμενους επιλέκτες;

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

Προσπαθήστε το προσωπικά

Γραμματική

element.matches(selectors)

Παράμετρος

Παράμετρος Περιγραφή
selectors

Απαιτείται. Ένα ή περισσότερα (χωρισμένα με κόμμα) επιλεγόμενοι επιλέκτες CSS που πρέπει να ταιριάζουν.

Το στοιχείο που επιστρέφεται είναι το πρώτο στοιχείο που βρέθηκε στο έγγραφο.

Παρακαλώ δείτε το πλήρες CSS επιλογέας αναγνωριστικός οδηγός。

Αποτελεσμα

Τύπος Περιγραφή
布尔值
  • true - το στοιχείο ταιριάζει με τον επιλεγόμενο επιλέκτη CSS
  • false - το στοιχείο δεν ταιριάζει με τον επιλεγόμενο επιλέκτη CSS

υποστήριξη του προγράμματος περιήγησης

πρώτη πλήρως υποστηριζόμενη matches() Εκδοσεις των προγραμμάτων περιήγησης που χρησιμοποιούνται:

Chrome Edge Firefox Safari Opera
Chrome
33		 Edge
15		 Firefox
34		 Safari
7		 Opera
21
2014 έτος 2 μήνας 2017 έτος 4 μήνας 2014 έτος 12 μήνας Οκτώβριος 2013 Μάιος 2014