Изузеци при раду са атрибутима у JavaScript-у

При раду са атрибутима постоји изузетак - то је атрибут class. Ова реч је специјална у JavaScript-у и зато не можемо једноставно написати elem.class да би прочитали вредност атрибута class. Уместо тога треба писати elem.className.

Хајде да погледамо на примеру. Нека имамо овај инпут:

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

Хајде да испишемо вредност атрибута class за наш инпут:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // исписаће 'aaa bbb'

Постоје и други изузеци, на пример, атрибут for. До њега треба приступити преко htmlFor.

Задание 1

Дат је див:

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

Дато је такође дугме. Притиском на дугме прочитајте и испишите на екран вредност атрибута class нашег дива.

Задание 2

Дат је див:

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

Дато је такође дугме. Притиском на дугме уписати у атрибут class нашег дива неки CSS класу.

Задание 3

Дат је див са неколико CSS класа, записаних размаком:

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

Дато је такође дугме. Притиском на дугме добијте низ CSS класа нашег дива.