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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для добавления в элемент класса существует метод classList.add(). В качестве параметра он принимает имя класса, который нужно добавить. Ещё существует простой способ задать классы элементу через свойство className через обычное присваивание. Имена классов должны разделяться пробелами.

Примеры:

const div1 = document.createElement('div');
div1.className = 'foo';

console.log(div1.outerHTML); // => <div class="foo"></div>

const div2 = document.createElement('div');
div2.className = 'foo bar';

console.log(div2.outerHTML); // => <div class="foo bar"></div>

const div3 = document.createElement('div');
div3.classList.add('foo');

console.log(div3.outerHTML); // => <div class="foo"></div>

const div4 = document.createElement('div');
div4.classList.add('foo', 'bar', 'baz');

console.log(div4.outerHTML); // => <div class="foo bar baz"></div>

3 года назад

Ivan Gagarinov

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

1 месяц

Асинхронное программирование на JS

Навык асинхронного программирования в JavaScript: писать быстрый код, расти в грейде и успешно проходить собеседования.

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

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