JavaScriptでinnerhtmlの変更を傍受する方法は？

Question

Webページ内のセルのコンテンツの変更を傍受する必要があります。

次のコードは、AddEventListenerが機能しないことを示しています。

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";

コードは単なるおもちゃの例です。私の本当のケースでは、ページの変更（したがってセル内も）は、私が制御できないWebAppによって作成されています。

Answer 1

DOM要素を聞くことはできません change そのように。 change イベントは主に向けています inputs

これに役立つ他の新しいDom 3イベントがいくつかあります。

ここにいくつかあります：

domcharacterdatamodified //下書き

domsubtreeModified

Answer 2

これをします DOMの変更を検出/監視する最も効率的な方法は？ ヘルプ？

100％のクロスブラウザソリューションはないように思われ、回避策の1つは、関心のある要素を投票して、innentml.lengthが変更されるかどうかを確認することです！