Vanilla JS: addClass removeClass toggleClass

Código Vanilla JS (JavaScript) equivalente a los métodos addClass(), removeClass() y toggleClass() de jQuery para añadir/quitar determinada/s clases css a un elemento.

elemento + classList + método (add, remove, toggle)

A continuación un par de ejemplos de añadir/quitar la clase «leon» del body para comparar jQuery/Vanilla:

Añadir Clase

// jQuery
$('body').addClass('leon');
// Vanilla JS
document.body.classList.add("leon");

Quitar Clase

// jQuery
$('body').removeClass('leon');
// Vanilla JS
document.body.classList.remove("leon");

Toggle

// jQuery
$('body').toggleClass('leon');
// Vanilla JS
document.body.classList.toggle("leon");