Si bien lo podemos realizar con jQuery, con Javascript podriamos utilizar querySelectorAll y toggle de classList
Si bien utilizas los métodos remove/add de classList , también podrías utilizar el método toggle de classList que lo que hace es remover si lo tiene o agregar la clase si no la tiene (o sea alterna la clase). También es útil en determinas circunstancias. Dale una mirada. Además también puedas pasarle un "evaluador" como segundo parámetro .
También podrías utilizar el método querySelectorAll que esta en la mayoría de los browser actuales (puedes mirar "Can I Use") donde puedes enviar un selector al igual que jQuery pero no con todos los "superpoderes"
Ejemplo:
function changeCssClassVersion2() {
var elemFirst = document.querySelectorAll('[class*="content"]')[0];
elemFirst.classList.toggle('content');
elemFirst.classList.toggle('content2');
}
Lo ideal seria que el código sea mas genérico, es decir no que vaya directo al primer elemento sino que itere en todo lo que se "encontró" con el selector. Quedaría algo así:
function changeCssClassVersion2() {
var elements = document.querySelectorAll('[class*="content"]');
for (const i = 0; i < elements.length; i++)
{
var elem = elements[i];
elem.classList.toggle('content');
elem.classList.toggle('content2');
}
}
Puedes probarlo en el siguiente ejemplo sencillo
function changeCssClassVersion1() {
var elemFirst = document.getElementsByClassName('content')[0];
elemFirst.classList.remove("content");
elemFirst.classList.add('content2');
}
function changeCssClassVersion2() {
var elements = document.querySelectorAll('[class*="content"]');
for (const i = 0; i < elements.length; i++)
{
var elem = elements[i];
elem.classList.toggle('content');
elem.classList.toggle('content2');
}
}
var btn = document.getElementById('btn');
btn.addEventListener('click', changeCssClassVersion2, false);
.content {
background: #0084ff;
color: #fff;
}
.content2 {
background: #ff0000;
color: #fff;
}
<div class="content"> Starwars</div>
<button id="btn">Change Css Class</button>
Espero que te sirva de ayuda o guía