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

Question

[Stacy None]

Есть div с уже имеющимся css классом "list"

<div class="list">
..text..
</div>

Необходимо добавить класс "vote" к этому div. Чтобы получилось так:

<div class="list vote">
..text..
</div>

Answer 1

[Адам Сулумов]

Нативный js:

let list = document.querySelector('.list');
list.classList += ' vote';

на JQuery:
$(".list").addClass("vote");

Answer 2

[Александр]

const a = document.querySelector('.list');
a.classList += ' vote';

Comments

[Stacy None]

А как использовать? Можете подробней код написать? Пожалуйста!

[Александр]

Stacy None, Смотря что нужно. Если например по клику то через addeventlistener вешаем событие и меняем класс. А вообще советую изучить этот сайт :
learn.javascript.ru

[Алексей Ярков]

Тогда уж
classList.add
classList.remove

[Stacy None]

Александр, Без кликов, просто чтобы страница подгружалась и к классу list добавлялся vote )

[Александр]

Stacy None, ну как вариант:

document.addEventListener("DOMContentLoaded", function() {
  const div = document.querySelector('.list');
  div.classList.add('vote');
});