Comment puis-je supprimer une classe d'un élément HTML à l'aide de JavaScript pur ?

Suppression de classes d'éléments avec du JavaScript pur

La suppression de classes d'un élément est une tâche courante dans le développement Web, où JavaScript joue un rôle crucial. Voici comment procéder sans utiliser jQuery :

La méthode préférée et standardisée pour la suppression de classe consiste à utiliser la propriété classList :

ELEMENT.classList.remove("CLASS_NAME");

Cette approche est largement prise en charge par les navigateurs modernes. Par exemple :

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

Où :

• remove est le bouton qui déclenche la suppression.
• el est l'élément dont la classe doit être supprimée.
• rouge est le nom de la classe à supprimer.

Dans cet exemple, cliquer sur le bouton supprimera la classe "red" de l'élément avec l'ID "el", en rétablissant sa couleur d'arrière-plan par défaut.

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!