How To - 클래스 변경

w3.css

클래스 변경

JavaScript를 사용하여 요소의 클래스 이름을 변경하는 방법을 알아보자.

클래스 변경

1단계) HTML 추가

<div> 요소의 클래스를 “mystyle”에서 “newone”으로 변경한다.

<div id="myDIV" class="mystyle">
This is a DIV element.
</div>

<script>
function myFunction() {
  const element = document.getElementById("myDIV");  // Get the DIV element
  element.classList.remove("mystyle"); // Remove mystyle class from DIV
  element.classList.add("newone"); // Add newone class to DIV
}
</script>

기본 예시

예제 보기