[javascript] addClass, removeClass, toggleClass, hasClass

javascript

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으로 출력된다 ( true or false )

 

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