Javascript 클래스 추가, 제거 (그리고 클래스가 있는 경우 제거, 없는경우 추가)

자바스크립트를 통해 클래스 추가, 제거

 

또는 클레스가 없으면 제거, 있으면 추가하는 방법

 

아래와 같이 사용 가능하다.

 

test.js

const sampleEle = document.getElementById("sampleEle");

// ('d-none')class 추가, 제거
sampleEle.classList.add('d-none');
sampleEle.classList.remove('d-none');

// 여러개..
sampleEle.classList.add('d-none', 'show', 'point');

// ('d-none') class가 있는 경우 제거, class가 없는 경우 추가
sampleEle.classList.toggle('d-none');