Element : proprit classList

const div = document.createElement("div");
div.className = "toto";

// notre point de dpart : <div class="toto"></div>
console.log(div.outerHTML);

// utiliser l'API classList pour supprimer et ajouter des classes
div.classList.remove("toto");
div.classList.add("autreClasse");

// <div class="autreClasse"></div>
console.log(div.outerHTML);

// si "visible" est dfini, le supprimer, sinon, l'ajouter
div.classList.toggle("visible");

// ajouter/supprimer "visible", en fonction d'un test conditionnel, pour i infrieur  10
div.classList.toggle("visible", i < 10);

// false
console.log(div.classList.contains("toto"));

// ajouter ou supprimer plusieurs classes
div.classList.add("toto", "tata", "truc");
div.classList.remove("toto", "tata", "truc");

// ajouter ou supprimer plusieurs classes en utilisant la syntaxe de propagation
const cls = ["toto", "tata"];
div.classList.add(...cls);
div.classList.remove(...cls);

// remplacer la classe "toto" par la classe "tata"
div.classList.replace("toto", "tata");