Выключэнні пры працы з атрыбутамі ў 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 нашага дыва які-небудзь клас.

Задание 3

Дадзены дыў з некалькімі CSS класамі, запісанымі праз прабел:

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

Дадзена таксама кнопка. Па націсканні на кнопку атрымайце масіў CSS класаў нашага дыва.