클래스 변경 방법

JavaScript를 사용하여 요소의 클래스 이름을 변경하는 방법을 배웁니다.

This is a DIV.

클래스 변경

<div> 요소의 클래스를 " "mystyle" 으로 변경합니다 "newone"

<div id="myDIV" class="mystyle">
This is a DIV element.
</div>
<script>
function myFunction() {
  const element = document.getElementById("myDIV");  // myDIV 요소를 가져옵니다.
  element.classList.remove("mystyle"); // DIV에서 mystyle 클래스를 제거합니다.
  element.classList.add("newone"); // newone 클래스를 DIV에 추가합니다.
}
</script>

亲自试一试

相关页面

교육서:어떻게 클래스를 전환할 수 있습니까

참조 매뉴얼:HTML DOM Element classList 속성