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

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

Σύνταξη

javascriptelement.classList.add(class);

Παράδειγμα

Προσθέτουμε στο στοιχείο την κλάση kkk:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('kkk');

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

html<p id="elem" class="www ggg zzz kkk"></p>

Παράδειγμα

Προσθέτουμε στο στοιχείο την κλάση zzz, η οποία υπάρχει ήδη στο στοιχείο - δεν θα συμβεί τίποτα, καθώς τα διπλότυπα κλάσεων δεν προστίθενται:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('zzz');

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

html<p id="elem" class="www ggg zzz"></p>

Δείτε επίσης