Μέθοδος toggle του αντικειμένου classList

Η μέθοδος toggle του αντικειμένου classList εναλλάσσει μια δεδομένη CSS κλάση στοιχείου: προσθέτει την κλάση αν αυτή δεν υπάρχει και την αφαιρεί αν υπάρχει.

Σύνταξη

element.classList.contains(class);

Παράδειγμα

Σε αυτό το παράδειγμα, κατά τη χρήση της μεθόδου toggle η κλάση zzz θα αφαιρεθεί, αφού υπάρχει ήδη στο στοιχείο:

let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Αποτέλεσμα εκτέλεσης του κώδικα:

Παράδειγμα

Σε αυτό το παράδειγμα, κατά τη χρήση της μεθόδου toggle η κλάση zzz θα προστεθεί, αφού δεν υπάρχει στο στοιχείο:

let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Αποτέλεσμα εκτέλεσης του κώδικα:

Δείτε επίσης

μέθοδος classList.add,
που προσθέτει μια δεδομένη κλάση
μέθοδος classList.remove,
που αφαιρεί μια δεδομένη κλάση
μέθοδος classList.contains,
που ελέγχει μια δεδομένη κλάση