Comment supprimer des classes CSS avec JavaScript ?

Suppression de classes CSS avec JavaScript

Pour supprimer une classe CSS d'un élément à l'aide de JavaScript, il existe plusieurs approches. Explorons la méthode recommandée à l'aide de classList.

classList est une propriété largement prise en charge dans les navigateurs modernes. Pour l'utiliser, suivez ces étapes :

1. Récupérez l'élément : Utilisez document.querySelector() pour sélectionner l'élément que vous souhaitez modifier.
2. Accédez à la propriété classList : Une fois que vous avez l'élément, utilisez la propriété classList pour manipuler le classes.
3. Supprimez la classe : Appelez la méthode Remove() sur la classList et spécifiez le nom de la classe que vous souhaitez supprimer entre guillemets.

Pour exemple :

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

Ce code supprimera la classe "rouge" de l'élément avec l'ID "el".

Remarques supplémentaires :

• Si vous devez supprimer plusieurs classes, vous pouvez utiliser la méthode Remove() plusieurs fois.
• classList prend également en charge les méthodes add(), toggle() et contain() pour gérer les classes.
• Pour les navigateurs qui ne prennent pas en charge classList, vous pouvez utiliser element.className pour supprimer la classe, mais elle est considérée comme obsolète.

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!