클래스 제거 방법
JavaScript를 사용하여 요소에서 클래스 이름을 제거하는 방법을 배웁니다.
버튼을 클릭하여 여기서 클래스를 제거하세요!
클래스 제거
제1단계 - HTML 추가：
이 예제에서는 버튼을 사용하여 id="myDIV" 의 <div> 요소에서 제거 "mystyle" 클래스：
<button onclick="myFunction()">시도해 보세요</button> <div id="myDIV" class="mystyle"> This is a DIV element. </div>
제2단계 - CSS 추가：
지정된 클래스 이름의 스타일을 설정합니다：
.mystyle {
width: 100%;
padding: 25px;
background-color: coral;
color: white;
font-size: 25px;
}
제3단계 - JavaScript 추가：
획득 id="myDIV" 의 <div> 요소에서 제거 "mystyle" 클래스：
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
