# Исключения при работе с атрибутами в JavaScript

При работе с атрибутами существует исключение - это атрибут `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 классов нашего дива.

←→
↑
en ru