Αυτό το άρθρο θα παρουσιάσει τη λειτουργία 'hasClass' με απλή JavaScript.
Πώς να εκτελέσετε τη λειτουργικότητα της λειτουργίας 'hasClass' με απλή JavaScript;
' hasClass 'Η συνάρτηση ανήκει στο JavaScript' jQuery ' βιβλιοθήκη. Εάν θέλετε να χρησιμοποιήσετε απλή JavaScript και να προσδιορίσετε εάν η καθορισμένη κλάση είναι μέρος ενός συγκεκριμένου στοιχείου, τότε πρέπει να χρησιμοποιήσετε το ' περιέχει() μέθοδος του αντικειμένου classList. Αυτό λειτουργεί το ίδιο με τη συνάρτηση hasClass.
Σύνταξη
Για να αποκτήσετε τη λειτουργικότητα του ' hasClass ' στο JavaScript, χρησιμοποιήστε την παρακάτω σύνταξη:
στοιχείο. classList . περιέχει ( 'όνομα τάξης' )
Εδώ, ' όνομα τάξης ” είναι το όνομα της κλάσης CSS που θα γίνει αναζήτηση στο συγκεκριμένο στοιχείο.
Ενώ η σύνταξη της μεθόδου hasClass() στο jQuery είναι:
$ ( εκλέκτορας ) . hasClass ( όνομα τάξης )Παράδειγμα
Δημιουργώ ένα ' div 'στοιχείο, εκχώρηση κλάσης CSS' flex-item1 ' για να διαμορφώσετε το div και να προσθέσετε μια εικόνα του λογότυπου του ιστότοπου χρησιμοποιώντας το ' src ” χαρακτηριστικό της ετικέτας μέσα στο στοιχείο div:
< div id = 'logoDiv' τάξη = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' τα παντα = '' />
div >
Δημιουργήστε μια τάξη CSS ' flex-item1 ” για να διαμορφώσετε το div:
.flex-item1 {χρώμα του φόντου : μαύρος ;
μέγιστο πλάτος : 7 ημ ;
απεικόνιση : καλώδιο ;
στοίχιση-στοιχεία : κέντρο ;
υλικό παραγεμίσματος : 0 15 εικονοστοιχεία ;
}
Στο αρχείο JavaScript ή στην ετικέτα