jQuery를 사용하지 않고 JavaScript로 CSS 클래스를 제거하려면 어떻게 해야 합니까?

jQuery 없이 JavaScript로 CSS 클래스 제거

JavaScript의 요소에서 클래스를 제거하려면 jQuery를 피하고 classList를 사용해 보세요. 재산. 최신 브라우저에서 널리 지원되며 표준화된 브라우저를 제공합니다. 솔루션:

코드:

ELEMENT.classList.remove("CLASS_NAME");

예:

const remove = () => {
  const el = document.querySelector('#el');
  el.classList.remove("red");
};

HTML:

<div>

CSS:

.red {
  background: red
}

작성자 classList.remove()를 구현하면 요소에서 지정된 CSS 클래스를 쉽게 제거할 수 있으므로 jQuery에 의존하지 않고도 요소의 모양을 동적으로 제어할 수 있습니다.

위 내용은 jQuery를 사용하지 않고 JavaScript로 CSS 클래스를 제거하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!