Maison > interface Web > tutoriel CSS > Comment puis-je supprimer une classe CSS avec JavaScript sans utiliser jQuery ?

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

Susan Sarandon
Libérer: 2024-12-25 09:52:36
original
673 Les gens l'ont consulté

How Can I Remove a CSS Class with JavaScript Without Using 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");
Copier après la connexion

Exemple :

const remove = () => {
  const el = document.querySelector('#el');
  el.classList.remove("red");
};
Copier après la connexion

HTML :

<div>
Copier après la connexion

CSS :

.red {
  background: red
}
Copier après la connexion

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.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal