要素からクラスを削除する

要素からクラスを削除するには、要素のclassListプロパティのremove()メソッドを使用します。

次のような<div>要素があるとします。

<div class="primary visible info">Item</div>Code language: HTML, XML (xml)

div要素から visible クラスを削除するには、次のコードを使用します。

const div =  document.querySelector('div');
div.classList.remove('info');Code language: JavaScript (javascript)

remove() メソッドでは、次のように一度に複数のクラスを削除することもできます。

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