Comment puis-je gérer efficacement les classes d'éléments SVG avec jQuery ou Vanilla JavaScript ?

Dépannage de la manipulation des classes d'éléments SVG jQuery

Lorsque vous travaillez avec jQuery SVG, l'ajout ou la suppression de classes à un objet peut être difficile. Pour résoudre ce problème :

• Mettez à niveau vers jQuery 3 ou version ultérieure pour obtenir le correctif dans les versions récentes.


• Pour le JavaScript Vanilla, utilisez l'élément .classList.add('newclass') pour ajouter et element.classList.remove('newclass') pour supprimer une classe dans le moderne navigateurs.

Alternativement, l'utilisation de .attr() fonctionne directement avec les éléments SVG :

<br>// Ajouter une classe<br>$("#item").attr("class", "oldclass newclass");</p>
<p>// Supprimer la classe<br>$("#item").attr("class", "oldclass");<br>

Si jQuery n'est pas une dépendance :

<br>// Ajouter class<br>document.getElementById("item").setAttribute("class", "oldclass newclass");</p>
<p>// Supprimer la classe<br>document.getElementById("item").setAttribute(" class", "oldclass");<br>

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!