Išimtys dirbant su atributais JavaScript

Dirbant su atributais yra išimtis - tai atributas class. Šis žodis yra specialus JavaScript kalboje ir todėl mes negalime tiesiog parašyti elem.class, kad nuskaitytume atributo class reikšmę. Vietoj to reikia rašyti elem.className.

Pažiūrėkime pavyzdį. Tarkime, kad turime šį input elementą:

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

Išveskime atributo class reikšmę mūsų input elementui:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.className); // išves 'aaa bbb'

Yra ir kitų išimčių, pavyzdžiui, atributas for. Prie jo reikia kreiptis per htmlFor.

Задание 1

Duotas div elementas:

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

Taip pat duotas mygtukas. Paspaudus mygtuką perskaitykite ir išveskite į ekraną atributo class reikšmę mūsų div elemento.

Задание 2

Duotas div elementas:

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

Taip pat duotas mygtukas. Paspaudus mygtuką įrašykite į atributą class mūsų div elemento kokį nors CSS klasę.

Задание 3

Duotas div elementas su keliais CSS klasėmis, užrašytais per tarpą:

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

Taip pat duotas mygtukas. Paspaudus mygtuką gaukite CSS klasių masyvą mūsų div elemento.