JavaScript를 사용하여 요소에서 CSS 클래스 제거 (jQuery 없음)

 

질문 : JavaScript를 사용하여 요소에서 CSS 클래스 제거 (jQuery 없음)

---

누구든지 JavaScript 만 사용하여 요소에서 클래스를 제거하는 방법을 알려줄 수 있습니까? 사용할 수 없으며 그것에 대해 아무것도 알지 못하므로 jQuery로 대답하지 마십시오.

답변

---

이를 수행하는 올바른 표준 방법은 classList 사용하는 것입니다. 현재 대부분의 최신 브라우저의 최신 버전에서 널리 지원됩니다 .

ELEMENT.classList.remove("CLASS_NAME");

remove.onclick = () => {
  const el = document.querySelector('#el');
  if (el.classList.contains("red")) {
    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

출처 : https://stackoverflow.com/questions/2155737/remove-css-class-from-element-with-javascript-no-jquery