要素のクラスを置き換える

要素のクラスを新しいクラスに置き換えるには、要素のclassListプロパティのreplace()メソッドを使用します

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)