1Frosty
@1Frosty
Познаю новое

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

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

У меня сейчас
<div id="popup_expert" style="" class="dt active">
А при нажатии на ссылку, чтобы получалось
<div id="popup_expert" style="" class="dt no-activate">
  • Вопрос задан
  • 583 просмотра
Пригласить эксперта
Ответы на вопрос 3
@Ezeneria
Поп-программист
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"]
Ответ написан
@vacoo
Вот решение:
<div id="popup_expert" style="" class="dt active" onclick="this.classList.remove('active'); this.classList.add('no-active');">
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы