Una clase para estilizar en JavaScript

Supongamos que tenemos dos clases que asignamos a un elemento dependiendo de su estado:

cssdiv.active {
  color: red;
}
div.passive {
  color: black;
}

En realidad, la presencia de dos clases aquí puede ser un estorbo. En este caso podemos reescribir los estilos de la siguiente manera a través del selector :not:

cssdiv.active {
  color: red;
}
div:not(active) {
  color: black;
}

En este caso, podremos alternar de forma conveniente nuestra clase, haciendo que el elemento esté activo o inactivo:

javascriptelem.classList.toggle('active');