☰

JavaScript（jQueryなし）を使用して要素からCSSクラスを削除する [重複] 質問する

tag-icon • tag-icon javascript html css
JavaScript（jQueryなし）を使用して要素からCSSクラスを削除する [重複] 質問する

JavaScript のみを使用して要素のクラスを削除する方法を教えてください。jQuery については回答しないでください。jQuery は使用できず、何も知りません。

ベストアンサー1

正しい標準的な方法は、 を使用することですclassList。最新のブラウザの最新バージョンで広くサポートされています:

ELEMENT.classList.remove("CLASS_NAME");


remove.onclick = () => {
  const el = document.querySelector('#el');
  el.classList.remove("red");
}
.red {
  background: red
}
<div id='el' class="red"> Test</div>
<button id='remove'>Remove Class</button>

ドキュメンテーション：https://developer.mozilla.org/en/DOM/element.classList

おすすめ記事