Para substituir uma classe de um elemento por uma nova, você usa o replace()
método da classList
propriedade do elemento:
element.classList.replace(currentClass,newClass);
Linguagem de código: CSS ( css )
Suponha que você tenha um <div>
elemento como segue:
<div class="primary info">How to replace a class in JS</div>
Linguagem de código: JavaScript ( javascript )
Para substituir a primary
classe pela secondary
classe, você usa o seguinte:
const div = document.querySelector('primary');
div.classList.replace('primary','secondary');
Linguagem de código: JavaScript ( javascript )