Wyjątki podczas pracy z atrybutami w JavaScript
Podczas pracy z atrybutami istnieje wyjątek
- jest to atrybut class.
Słowo to jest specjalne w JavaScript
i dlatego nie możemy po prostu napisać elem.class,
aby odczytać wartość atrybutu class.
Zamiast tego należy pisać elem.className.
Spójrzmy na przykład. Załóżmy, że mamy podany taki input:
<input id="elem" class="aaa bbb">
Wypiszmy wartość atrybutu class
dla naszego inputa:
let elem = document.querySelector('#elem');
console.log(elem.className); // wypisze 'aaa bbb'
Istnieją również inne wyjątki, na przykład,
atrybut for. Należy się do niego odwoływać
przez htmlFor.
Dany div:
<div id="elem" class="content no-gap"></div>
Dany również przycisk. Po naciśnięciu przycisku odczytaj
i wypisz na ekran wartość atrybutu class
naszego diva.
Dany div:
<div id="elem"></div>
Dany również przycisk. Po naciśnięciu przycisku zapisz
w atrybucie class naszego diva jakąś
klasę.
Dany div z kilkoma klasami CSS, zapisanymi przez spację:
<div id="elem" class="aaa bbb ccc"></div>
Dany również przycisk. Po naciśnięciu przycisku pobierz tablicę klas CSS naszego diva.
