Исклучувања при работа со атрибути во JavaScript

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

Ајде да погледнеме на пример. Нека имаме ваков input:

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

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

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

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

Задание 1

Даден е div:

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

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

Задание 2

Даден е div:

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

Дадено е и копче. При клик на копчето запишете во атрибутот class на нашиот div некоја класа.

Задание 3

Даден е div со неколку CSS класи, запишани преку празно место:

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

Дадено е и копче. При клик на копчето добијте низа од CSS класите на нашиот div.