클래스 추가 방법

JavaScript를 사용하여 요소에 클래스 이름을 추가하는 방법을 배우세요.

버튼을 클릭하여 저에게 클래스를 추가하세요!

클래스 추가

클래스 추가: id="myDIV" 의 div 요소에 추가하려면 (이 예제에서는 버튼을 사용하여 클래스를 추가합니다).

<button onclick="myFunction()">시도해 보세요</button>
<div id="myDIV">
  This is a DIV element.
</div>

지정된 클래스 이름의 스타일을 설정하려면:

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

얻어오기 id="myDIV" 의 <div> 요소에 추가하려면 "mystyle" 클래스:

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