Metoda add obiektu classList

Metoda add obiektu classList pozwala dodawać klasy CSS do elementu.

Składnia

javascriptelement.classList.add(class);

Przykład

Dodajmy elementowi klasę kkk:

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

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

Wynik wykonania kodu:

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

Przykład

Dodajmy elementowi klasę zzz, która już istnieje w elemencie - nic się nie stanie, ponieważ duplikaty klas nie są dodawane:

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

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

Wynik wykonania kodu:

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

Zobacz też