Class 추가, 제거

JavaScript class 추가/제거하기

JavaScript로 HTML에 CLASS를 추가하거나 제거할 수 있다.

 

 

＊ 클래스 추가하기

element.classList.add();

var d = document.getElementById('div1');
d.classList.add('my-class');

 

＊ 클래스 제거하기

element.classList.remove();

var d = document.getElementById('div1');
d.classList.remove('my-class');

 

 

＊ IE9 이하를 지원해야 하는 경우

var d = document.getElementById('div1');
d.className += ' on'; // 앞에 공백을 넣어줘야 한다