Как добавить класс элементу из значения переменной?

<button class="burger" aria-label="Показать пример кода" data-target-id="burger-code" data-target-class-toggle="blocks-library__code--shown"></button>
...
<div class="block-library__burger-example" id=burger-code></div>


var burger = document.querySelector(".burger");

/*из переменной burger читаем значение атрибута data-target-id*/
var burgerID = burger.getAttribute("data-target-id");

/*из переменной burger читаем значение атрибута data-target-class-toggle*/
var burgerClassToggle = burger.getAttribute("data-target-class-toggle");

/*в документе ищем элемент с нужным id="burger-code"*/
var element = document.getElementById("burger-code");


Как для для элемента с id="burger-code" (это переменная element) добавить класс .blocks-library__code--shown, который есть значении в переменной burgerClassToggle?
  • Вопрос задан
  • 256 просмотров
Решения вопроса 1
dollar
@dollar
Делай добро и бросай его в воду.
element.className += ' ' + burgerClassToggle;

P.S. Ответ легко гуглится по запросу "javascript add class". В следующий раз постарайтесь хоть немного поискать ответ самостоятельно, прежде чем задавать очевидный вопрос.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Litvinenko-Yury
@Litvinenko-Yury Автор вопроса
Спасибо за помощь!
element.classList.add(className);

Применял его вот так, что явно неправильно в данном случае:
element.classList.add("className");
Ответ написан
Ваш ответ на вопрос

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

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