Замена класса элемента

Чтобы заменить класс элемента на новый, вы используете метод replace() свойства classList элемента:

element.classList.replace(currentClass,newClass);
Code language: CSS (css)

Предположим, у вас есть элемент <div> следующего вида:

<div class="primary info">How to replace a class in JS</div>
Code language: JavaScript (javascript)

Чтобы заменить класс primary на класс secondary, вы используете следующее:

const div = document.querySelector('primary');
div.classList.replace('primary','secondary');
Code language: JavaScript (javascript)