w3.css

클래스 제거

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단계) ​​JavaScript 추가

id=”myDIV”를 가진 <div> 요소를 가져와서 해당 요소에서 “mystyle” 클래스를 제거한다.

function myFunction() {
  var element = document.getElementById("myDIV");
  element.classList.remove("mystyle");
}

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기