순수 JavaScript를 사용하여 요소에서 CSS 클래스를 어떻게 제거합니까?

순수 JavaScript를 사용하여 요소에서 CSS 클래스 제거

웹 요소로 작업할 때 동적으로 요소를 제거해야 하는 상황이 발생할 수 있습니다. 특정 CSS 클래스. 순수 JavaScript를 사용하여 이를 달성하는 방법을 아는 것이 중요합니다. 요소 조작을 단순화하는 jQuery와 달리 JavaScript는 클래스 제거를 위한 다양한 솔루션을 제공합니다.

JavaScript를 사용하여 요소에서 클래스를 효과적으로 제거하려면 최신 브라우저에서 널리 지원되는 classList 속성을 활용하세요. 구문은 간단합니다.

ELEMENT.classList.remove("CLASS_NAME");

예를 들어 다음 HTML 요소를 고려해 보겠습니다.

<div>

이 경우 el은 빨간색 클래스가 할당된 요소입니다. JavaScript를 사용하여 빨간색 클래스를 제거한다고 가정해 보겠습니다. 다음 코드를 실행하면 됩니다.

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

이 실행 후에는 el 요소에 더 이상 빨간색 클래스가 없어 모양이 효과적으로 변경됩니다. 이 솔루션은 대부분의 최신 브라우저와 호환되며 CSS 클래스를 동적으로 조작하는 깔끔한 방법을 제공합니다.

위 내용은 순수 JavaScript를 사용하여 요소에서 CSS 클래스를 어떻게 제거합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!