Izuzeci pri radu sa atributima u JavaScript-u

Pri radu sa atributima postoji izuzetak - to je atribut class. Ova reč je specijalna u JavaScript-u i zato ne možemo jednostavno da napišemo elem.class, da bismo pročitali vrednost atributa class. Umesto toga, treba da pišemo elem.className.

Hajde da pogledamo na primeru. Neka nam je dat ovakav input:

html<input id="elem" class="aaa bbb">

Hajde da ispišemo vrednost atributa class za naš input:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // ispisaće 'aaa bbb'

Postoje i drugi izuzeci, na primer, atribut for. Njemu treba pristupiti preko htmlFor.

Задание 1

Dat je div:

html<div id="elem" class="content no-gap"></div>

Data je takođe i dugme. Klikom na dugme pročitajte i ispišite na ekran vrednost atributa class našeg div-a.

Задание 2

Dat je div:

html<div id="elem"></div>

Data je takođe i dugme. Klikom na dugme upišite u atribut class našeg div-a neki CSS klasu.

Задание 3

Dat je div sa nekoliko CSS klasa, upisanih razmakom:

html<div id="elem" class="aaa bbb ccc"></div>

Data je takođe i dugme. Klikom na dugme dobijte niz CSS klasa našeg div-a.