Metoda add obiektu classList
Metoda add obiektu
classList
pozwala dodawać klasy CSS do elementu.
Składnia
element.classList.add(class);
Przykład
Dodajmy elementowi klasę kkk:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Wynik wykonania kodu:
<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:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Wynik wykonania kodu:
<p id="elem" class="www ggg zzz"></p>
Zobacz też
-
metoda
classList.remove,
który usuwa podaną klasę -
metoda
classList.contains,
który sprawdza podaną klasę -
metoda
classList.toggle,
który przełącza podaną klasę
