Comment puis-je détecter la modification d'une classe d'éléments HTML?

<div class="current"></div> <a href="#">text</a> 

Comment puis-je détecter, par exemple, une classe .live ajoutée à cette <div> et faire quelque chose quand cela s'est produit?

Par exemple, si la classe est modifiée, cachez le lien.

J'ai un script minifié qui modifie la classe <div> . C'est trop gros pour moi de trouver l'endroit où il se passe, alors je cherche un moyen d'attraper le changement de classe.

Il existe des événements DOM, mais ils sont loin d'être parfaits et ne sont pas disponibles dans la plupart des navigateurs. En d'autres termes: impossible (de manière fiable). Il y a des hacks comme des intervalles et le vérifié à chaque itération, mais si vous devez faire quelque chose comme ça, votre conception est probablement vissée. Gardez à l'esprit que de telles choses seront lentes et qu'il y aura toujours un retard. Plus le délai est petit, plus l'application est lente. Ne faites pas cela.

Vous pouvez consulter l' article suivant pour des idées.

Je ne sais pas si la classe que vous ajoutez au lien est toujours la même, mais si oui, pourquoi ne pas utiliser CSS pour cela .

 <style type='text/css> .myaddedclass{display:none} </style> 

Si vous avez juste besoin de le comprendre une fois (c'est-à-dire pas dans le code), l'inspecteur Web de Google Chrome affiche les changements de DOM en direct. Je ne sais pas si cela aiderait votre situation.