방법 - 클래스 제거
JavaScript를 사용하여 요소에서 클래스 이름을 제거하는 방법을 알아봅니다.
버튼을 클릭하여 나에게서 수업을 제거하십시오!
수업 제거
1단계) HTML 추가:
이 예에서는 버튼을 사용하여 id="myDIV"인 <div> 요소에서 "mystyle" 클래스를 제거합니다.
예시
<button onclick="myFunction()">Try it</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단계) 자바스크립트 추가:
id="myDIV"인 <div> 요소를 가져와서 "mystyle" 클래스를 제거합니다.
예시
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
팁: 클래스 토글 방법 도 참조하십시오 .
팁: 클래스 추가 방법 도 참조하십시오 .
팁: JavaScript 참조에서 classList 속성에 대해 자세히 알아보십시오 .
팁: JavaScript 참조에서 className 속성에 대해 자세히 알아보십시오 .