Добрый день. Есть кнопка меню
`<div class="grid__menu">
<i class="material-icons md-48 menu__button">dashboard</i>
</div>`
при клике на которую, я хочу поменять класс menu__button
на menu__button--active
Поменять класс можно и так
var activeModificator = '--active';
function toggle (className, active) {
var name = className.replace(/\./g, '');
var activeName = (active === undefined) ? activeModificator : active;
if (name.indexOf(activeName) == -1) {
document.querySelector(className).classList.add(name+activeModificator);
document.querySelector(className).classList.remove(name);
} else {
document.querySelector(className).classList.add(name);
document.querySelector(className).classList.remove(name-activeModificator);
}
}
Но в функцию мне надо передать имя класса, которое надо взять из строки <i class="material-icons md-48 menu__button">dashboard</i>
Как мне получить имя класса из document.querySelector(".menu__button");
? Там ведь сначала будет menu__button
, а потом menu__button--active
? И после первого изменения класс будет другой. Какой алгоритм вообще? Без jQuery