Comment supprimer une classe CSS d'un élément à l'aide de JavaScript (sans jQuery) ?

Comment supprimer une classe CSS d'un élément à l'aide de JavaScript (sans jQuery)

Question : Quelqu'un peut-il me guider comment supprimer une classe d'un élément HTML uniquement avec JavaScript, à l'exclusion jQuery ?

Réponse :

L'approche préférée consiste à utiliser la propriété classList. Il est largement pris en charge dans les navigateurs modernes.

Pour supprimer une classe, utilisez simplement la syntaxe suivante :

ELEMENT.classList.remove("CLASS_NAME");

Exemple :

Considérez un élément bouton avec une classe nommée "red" pour démontrer ce concept :

<button>

Lorsque l'on clique sur le bouton, le code JavaScript suivant supprime la classe "red" d'un élément avec l'ID "el":

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

Cette action modifie les styles CSS appliqués à l'élément avec l'ID "el", supprimant ainsi le fond rougeâtre :

.red {
  background: red
}

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!