comment intercepter les changements innerHTML en javascript?

Question

Je dois intercepter toute modification du contenu d'une cellule dans ma page Web.

Le code suivant me montre que addEventListener ne fonctionne pas.

function modifyText() {
alert("!");
}

var el=document.getElementById("mycell");
el.innerHTML="a"
el.addEventListener("change", modifyText, false); 
// After next instruction I expect an alert message but it does not appear...
el.innerHTML="Z";

Le code n'est qu'un exemple de jouet.Dans mon cas réel, les changements dans la page (et donc dans la cellule aussi) sont effectués par une webapp sur laquelle je n'ai AUCUN contrôle.

Answer 1

Vous ne pouvez pas écouter un élément DOM change de cette façon.L'événement change est principalement destiné aux inputs

Il y a d'autres nouveaux événements DOM 3 qui pourraient vous aider à ce sujet.

En voici quelques-uns:

DOMCharacterDataModified // Brouillon

DOMSubtreeModified

Answer 2

Est-ce la méthode la plus efficace de détection / surveillance des changements DOM? aide?

Il semble qu'il n'y ait pas de solutions 100% multi-navigateurs, et l'une des solutions de contournement consiste à interroger les éléments d'intérêt pour voir si leur innerHTML.length change!