BLACK FRIDAY

осталось 2 дня

Скидка 10% и подарок на выбор — при покупке одной программы
При покупке двух программ  — вторая со скидкой 50%

Как добавить в html-элемент несколько классов?

Ответы
Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
06 июня 2022

Чтобы добавить в html-элемент несколько классов, можно воспользоваться методом classList.add() у элемента. Этот метод может принимать любое количество параметров. Каждый из этих параметров должен быть строкой - это имя класса, которое нужно добавить:

// создаём новый элемент
const el = document.createElement('div');
// добавляем классы
el.classList.add('first', 'second');
// После всех изменений
el.className; // first second

Также можно добавлять классы отдельными вызовами метода:

// создаём новый элемент
const el = document.createElement('div');
// добавляем первый класс
el.classList.add('first');
// добавляем второй класс
el.classList.add('second');
// После всех изменений
el.className; // first second

Имена классов должны соответствовать правилам именования, то есть, например, не должны содержать пробельные символы. Такой код выдаст ошибку:

const el = document.createElement('div');
el.classList.add('first second'); // ошибка! Имя класса задано неверно
Добавьте ваш ответ

Рекомендуемые курсы

утверждения
jest
матчеры
юнит-тесты
14 часов
Посмотреть
middlewares
redux-forms
actions
reselect
5 часов
Посмотреть
шаблонизация
REST
мидлвары
тестирование
11 часов
Посмотреть

Похожие вопросы