Исклучувања при работа со атрибути во JavaScript
При работа со атрибути постои исклучување
- тоа е атрибутот class.
Овој збор е специјален во JavaScript
и затоа не можеме едноставно да напишеме elem.class,
за да ја прочитаме вредноста на атрибутот class.
Наместо тоа, треба да пишуваме elem.className.
Ајде да погледнеме на пример. Нека имаме ваков input:
<input id="elem" class="aaa bbb">
Ајде да ја испечатиме вредноста на атрибутот class
за нашиот input:
let elem = document.querySelector('#elem');
console.log(elem.className); // ќе испечати 'aaa bbb'
Постојат и други исклучувања, на пример,
атрибутот for. До него треба да се пристапува
преку htmlFor.
Даден е div:
<div id="elem" class="content no-gap"></div>
Дадено е и копче. При клик на копчето прочитајте
и испечатете ја на екран вредноста на атрибутот class
на нашиот div.
Даден е div:
<div id="elem"></div>
Дадено е и копче. При клик на копчето запишете
во атрибутот class на нашиот div некоја
класа.
Даден е div со неколку CSS класи, запишани преку празно место:
<div id="elem" class="aaa bbb ccc"></div>
Дадено е и копче. При клик на копчето добијте низа од CSS класите на нашиот div.