Metoda add a obiectului classList
Metoda add a obiectului
classList
permite adăugarea claselor CSS unui element.
Sintaxă
element.classList.add(class);
Exemplu
Să adăugăm elementului clasa kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Rezultatul executării codului:
<p id="elem" class="www ggg zzz kkk"></p>
Exemplu
Să adăugăm elementului clasa zzz, care
deja există în element - nu se va întâmpla nimic,
deoarece duplicatele de clase nu se adaugă:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Rezultatul executării codului:
<p id="elem" class="www ggg zzz"></p>
Vezi și
-
metoda
classList.remove,
care elimină o clasă specificată -
metoda
classList.contains,
care verifică o clasă specificată -
metoda
classList.toggle,
care comută o clasă specificată
