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

Question

[Юрий Литвиненко]

<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?

Answer 1

[dollar]

element.className += ' ' + burgerClassToggle;

P.S. Ответ легко гуглится по запросу "javascript add class". В следующий раз постарайтесь хоть немного поискать ответ самостоятельно, прежде чем задавать очевидный вопрос.

Comments

[dollar]

BD_ l3ftoverZ!, верно, так моднее, а если нужна такая же совместимость, то можно полифил добавить, хотя можно и забить.

Answer 2

[Юрий Литвиненко]

Спасибо за помощь!
element.classList.add(className);

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

Comments

[Юрий Литвиненко]

BD_ l3ftoverZ!, да, ваша помощь помогла.
Почему-то в учебнике, для classList.add() описывается только прямое задание класса, указанное в ("имя_класса"). А про использование значения переменной - ни слова.
И только внимательное прочтение раздела учебника "переменные" прояснило картину.