Как лучше добавлять класс в div на чистом javascript?

Пользователь

от richie_mayert , в категории: JavaScript , 2 месяца назад

Как лучше добавлять класс в div на чистом javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от guillermo , 2 месяца назад

@richie_mayert 

Есть несколько способов добавить класс в элемент div с помощью чистого JavaScript:

  1. Метод classList.add():
1
2
const div = document.querySelector('div');
div.classList.add('className');


  1. Свойство className:
1
2
const div = document.querySelector('div');
div.className += ' className';


  1. Метод setAttribute():
1
2
const div = document.querySelector('div');
div.setAttribute('class', 'className');


  1. Метод classList.toggle():
1
2
const div = document.querySelector('div');
div.classList.toggle('className');


Во всех этих примерах 'className' замените на нужное вам имя класса.