Comment ajouter une classe à un élément HTML à l'aide de JavaScript ?

Comment ajouter une classe à un élément donné à l'aide de JavaScript

Pour ajouter une classe à un élément existant, vous pouvez utiliser plusieurs approches, en fonction des exigences de compatibilité du navigateur.

Navigateurs modernes

Pour les navigateurs modernes, le La propriété classList fournit une solution simple :

element.classList.add("my-class");

Ce code ajoutera la classe "my-class" à l'élément spécifié. Pour supprimer une classe, utilisez classList.remove.

Internet Explorer 9 et versions antérieures

Pour les navigateurs plus anciens comme Internet Explorer 9 et versions antérieures, vous pouvez modifier manuellement la propriété className :

var d = document.getElementById("div1");
d.className += " otherclass";

Assurez-vous d'inclure un espace avant le nouveau nom de classe, car cela évite les conflits avec les noms existants. classes.

Notes supplémentaires

• La propriété classList est prise en charge dans tous les principaux navigateurs modernes, notamment Chrome, Firefox, Safari, Edge et Opera.
• Pour plus d'informations sur la propriété classList et d'autres méthodes de manipulation des classes, reportez-vous à la documentation MDN sur element.className.

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!