Μέθοδος add του αντικειμένου classList
Η μέθοδος add του αντικειμένου
classList
επιτρέπει την προσθήκη CSS κλάσεων σε ένα στοιχείο.
Σύνταξη
element.classList.add(class);
Παράδειγμα
Προσθέτουμε στο στοιχείο την κλάση kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Αποτέλεσμα εκτέλεσης του κώδικα:
<p id="elem" class="www ggg zzz kkk"></p>
Παράδειγμα
Προσθέτουμε στο στοιχείο την κλάση zzz, η οποία
υπάρχει ήδη στο στοιχείο - δεν θα συμβεί τίποτα,
καθώς τα διπλότυπα κλάσεων δεν προστίθενται:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Αποτέλεσμα εκτέλεσης του κώδικα:
<p id="elem" class="www ggg zzz"></p>
Δείτε επίσης
-
μέθοδος
classList.remove,
που αφαιρεί μια δεδομένη κλάση -
μέθοδος
classList.contains,
που ελέγχει μια δεδομένη κλάση -
μέθοδος
classList.toggle,
που εναλλάσσει μια δεδομένη κλάση
