Día 12: Funciones hasClass, addClass, removeClass y toggleClass con Javascript

Si estás buscando funciones al estilo jQuery para detectar clases, añadir, quitar y cambiar, las siguientes funciones te ayudarán con esta tarea.

removeClass - quita una clase

function removeClass(elem, clase) {
  elem.className = elem.className.split(' ').filter(function(v) {
     return v!= clase;
   }).join(' ');
}

addClass - añade una clase

function addClass(elem, clase) {
  elem.className += ' '+clase;
}

hasClass - true o false si contiene una clase

function hasClass(elem, clase) {
  return new RegExp('(\\s|^)'+clase+'(\\s|$)').test(elem.className);
}

toggleClass - agrega o quita clase según el estado

function toggleClass(elem, clase) {
  if (hasClass(elem, clase)) {
    removeClass(elem, clase);
  } else {
    addClass(elem, clase);
  }
}

palabras / Compartir en: Facebook , Twitter o copiar enlace