Excepții la lucrul cu atribute în JavaScript

La lucrul cu atribute există o excepție - și anume atributul class. Acest cuvânt este special în JavaScript și de aceea nu putem scrie pur și simplu elem.class, pentru a citi valoarea atributului class. În schimb, trebuie să scriem elem.className.

Să ne uităm la un exemplu. Să presupunem că avem următorul input:

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

Să afișăm valoarea atributului class pentru input-ul nostru:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // va afișa 'aaa bbb'

Există și alte excepții, de exemplu, atributul for. La acesta trebuie să ne referim prin htmlFor.

Задание 1

Este dat un div:

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

De asemenea, este dat un buton. La click pe buton citiți și afișați pe ecran valoarea atributului class div-ului nostru.

Задание 2

Este dat un div:

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

De asemenea, este dat un buton. La click pe buton scrieți în atributul class al div-ului nostru o clasă oarecare.

Задание 3

Este dat un div cu mai multe clase CSS, scrise prin spațiu:

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

De asemenea, este dat un buton. La click pe buton obțineți un array cu clasele CSS ale div-ului nostru.