При работе с атрибутами существует исключение
- это атрибут class.
Это слово является специальным в JavaScript
и поэтому мы не можем просто написать elem.class,
чтобы считать значение атрибута class.
Вместо этого следует писать elem.className.
Давайте посмотрим на примере. Пусть у нас дан вот такой инпут:
<input id="elem" class="aaa bbb">
Давайте выведем значение атрибута class
для нашего инпута:
let elem = document.querySelector('#elem');
console.log(elem.className); // выведет 'aaa bbb'
Существуют и другие исключения, например,
атрибут for. К нему следует обращаться
через htmlFor.
Дан див:
<div id="elem" class="content no-gap"></div>
Дана также кнопка. По нажатию на кнопку прочитайте
и выведите на экран значение атрибута class
нашего дива.
Дан див:
<div id="elem"></div>
Дана также кнопка. По нажатию на кнопку запишите
в атрибут class нашего дива какой-нибудь
класс.
Дан див с несколькими CSS классами, записанными через пробел:
<div id="elem" class="aaa bbb ccc"></div>
Дана также кнопка. По нажатию на кнопку получите массив CSS классов нашего дива.