Как нативно поменять элемент js по нажатию кнопки?

Question

[Nikita M.]

Есть кнопка js по нажатию которой происходит несколько действий, в том числе смена внешнего вида кнопки. Сама кнопка бутстраповская, у нее я меняю

class= <button id="menu-icon" class="material-icons icon-on"" onclick="function()">volume_up</button>

на

class= <button id="menu-icon" class="material-icons icon-off" onclick="function()">volume_off</button>

с помощью методов setAttribute и setContent соответственно. Функция полностью отрабатывает, все нормально, за исключением того что стили не меняются. Кнопка остается в таком же состоянии, и меняется только после обновления страницы. В чем может быть проблема?

Answer 1

[MikUrrey]

Используйте лучше
Element.innerText = 'volume_off'
и

Element.classList.toggle('icon-on')
Element.classList.toggle('icon-off')