Comment supprimer une classe CSS d'un élément en utilisant du JavaScript pur ?

Suppression d'une classe CSS d'un élément à l'aide de JavaScript pur

Lorsque vous travaillez avec des éléments Web, vous pouvez rencontrer des situations dans lesquelles vous devez supprimer dynamiquement un classe CSS spécifique. Savoir comment y parvenir en utilisant du JavaScript pur est crucial. Contrairement à jQuery, qui simplifie la manipulation des éléments, JavaScript offre une solution polyvalente pour la suppression de classes.

Pour supprimer efficacement une classe d'un élément à l'aide de JavaScript, exploitez la propriété classList, largement prise en charge par les navigateurs modernes. La syntaxe est simple :

ELEMENT.classList.remove("CLASS_NAME");

Par exemple, considérons l'élément HTML suivant :

<div>

Dans ce cas, el est un élément avec une classe rouge attribuée. Supposons que vous souhaitiez supprimer la classe rouge à l'aide de JavaScript. Vous pouvez le faire en exécutant le code suivant :

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

Après cette exécution, l'élément el n'aura plus la classe rouge, modifiant ainsi son apparence. Notez que cette solution est compatible avec la plupart des navigateurs modernes et fournit un moyen propre de manipuler dynamiquement les classes CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!