JavaScript로 CSS 클래스를 제거하는 방법은 무엇입니까?

JavaScript로 CSS 클래스 제거

JavaScript를 사용하여 요소에서 CSS 클래스를 제거하는 방법에는 여러 가지가 있습니다. classList를 사용하여 권장되는 방법을 살펴보겠습니다.

classList는 최신 브라우저에서 널리 지원되는 속성입니다. 이를 사용하려면 다음 단계를 따르세요.

1. 요소 검색: document.querySelector()를 사용하여 수정하려는 요소를 선택하세요.
2. classList 속성에 액세스: 요소가 있으면 classList 속성을 사용하여
3. 클래스 제거: classList에서 제거() 메소드를 호출하고 제거하려는 클래스 이름을 따옴표 안에 지정합니다.

의 경우 예:

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

이 코드는 ID가 있는 요소에서 "red" 클래스를 제거합니다. "el".

추가 참고 사항:

• 여러 클래스를 제거해야 하는 경우, Remove() 메서드를 여러 번 사용할 수 있습니다.
• classList는 클래스 관리를 위한 add(), Toggle() 및 Contains() 메서드도 지원합니다.
• 브라우저의 경우 classList를 지원하지 않는 경우 element.className을 사용하여 클래스를 제거할 수 있지만 더 이상 사용되지 않는 것으로 간주됩니다.

위 내용은 JavaScript로 CSS 클래스를 제거하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!