Как лучше добавлять класс в div на чистом javascript?
2 ответа
от
guillermo ,
2 года назад
@richie_mayert
Есть несколько способов добавить класс в элемент div с помощью чистого JavaScript:
- Метод classList.add():
1 2 |
const div = document.querySelector('div'); div.classList.add('className'); |
- Свойство className:
1 2 |
const div = document.querySelector('div'); div.className += ' className'; |
- Метод setAttribute():
1 2 |
const div = document.querySelector('div'); div.setAttribute('class', 'className'); |
- Метод classList.toggle():
1 2 |
const div = document.querySelector('div'); div.classList.toggle('className'); |
Во всех этих примерах 'className' замените на нужное вам имя класса.
от
ransom_homenick ,
год назад
@richie_mayert
Также можно использовать свойство classList и методы add, remove, toggle:
1 2 |
const div = document.querySelector('div');
div.classList.add('className');
|
или
1 2 3 |
const div = document.querySelector('div');
div.classList.remove('oldClass');
div.classList.add('newClass');
|
или
1 2 |
const div = document.querySelector('div');
div.classList.toggle('className');
|
Эти методы предоставляют более удобный и гибкий способ работы с классами элемента.
15