Comment puis-je supprimer une classe CSS avec JavaScript sans utiliser jQuery ?

Suppression d'une classe CSS avec JavaScript sans jQuery

Pour éliminer une classe sur un élément en JavaScript, évitez jQuery et essayez la classList propriété. Largement pris en charge dans les navigateurs modernes, il offre une interface standardisée solution :

Code :

ELEMENT.classList.remove("CLASS_NAME");

Exemple :

const remove = () => {
  const el = document.querySelector('#el');
  el.classList.remove("red");
};

HTML :

<div>
<p><strong>CSS :</strong></p>
<pre class="brush:php;toolbar:false">.red {
  background: red
}

Par en implémentant classList.remove(), vous pouvez facilement supprimer une classe CSS spécifiée d'un élément, permettant un contrôle dynamique sur l'apparence de l'élément sans compter sur jQuery.