[javascript] addClass, removeClass, toggleClass, hasClass

jquery 없이 vanilla javascript로 class관련 함수를 구현해보자

1. addClass

element.classList.add('추가할 class명');

function addClass(e, c) {
  e.classList.add(c);
  return e;
};

 

 

2. removeClass

element.classList.remove('삭제할 class명');

function removeClass(e, c) {
  e.classList.remove(c);
  return e;
};

 

3. toggleClass

element.classList.toggle('토글할 class명');

function toggleClass(e, c) {
  e.classList.toggle(c);
  return e;
};

 

4. hasClass

element.classList.contains('확인할 class명')

boolean으로 출력된다

function hasClass(e, c) {
  return e.classList.contains(c); // true or false
};