Как поменять название класса div?

Question

[Антон Вертов]

Доброго времени суток. Подскажите пожалуйста, как, желательно на javascript (или без подключение сторонних библиотек) поменять название класса?

У меня сейчас
<div id="popup_expert" style="" class="dt active">
А при нажатии на ссылку, чтобы получалось

<div id="popup_expert" style="" class="dt no-activate">

Comments

[Andrew]

Рассматривайте "Поменять", - как удалить старый и добавить новый, тогда просветление близко.
Хотя в примере, тоггл будет очень кстати, ток пишите, то что нужно, для дефолтного класса и при тоггле(включении), для класса .active

.dt {
display: block;
}
.dt .active {
display: none;
}

К примеру.

[Златослав Десятников]

Почему вы начинаете задавать вопросы, не прочитав документацию к инструменту (тот же jQuery)?

Answer 1

[Дядька Дьякон]

Bот тебе исчерпывающий ответ
<div id="clock" class="example for you"> </div>

var elem = document.querySelector("#clock")

//Выведем классы
console.log(elem.classList); //DOMTokenList ["example", "for", "you"]

//Добавим классы
elem.classList.add("ok", "understand");
console.log(elem.classList); //DOMTokenList ["example", "for", "you", "ok", "understand"]

//Переключим классы
elem.classList.toggle("you");
elem.classList.toggle("he");
console.log(elem.classList); //DOMTokenList ["example", "for", "ok", "understand", "he"]

//Проверим класс
console.log(elem.classList.contains("example")); //true
console.log(elem.classList.contains("lol")); //false

//И удалим классы
elem.classList.remove("example", "for", "understand", "he");
console.log(elem.classList); //DOMTokenList ["ok"]

Answer 2

[Denis]

https://jsfiddle.net/dbunt1tled/vn88v7L0/

Answer 3

[vacoo]

Вот решение:

<div id="popup_expert" style="" class="dt active" onclick="this.classList.remove('active'); this.classList.add('no-active');">

Comments

[Антон Вертов]

Спасибо большое, работает. А чтобы потом в обратный вид по нажатию это всё сделать ? что нужно прописать ?
Заранее огромное спасибо.

[vacoo]

Для этого надо использовать метод toogle и при этом в css сделайте все элементы как no-active. А переключатель будет убирать и добавлять класс active.

<div id="popup_expert" style="" class="dt active" onclick="this.classList.toogle('active');">