DOMの変更を監視するにはMutationObserverを使う – おかかウェブ

DOM 自体の変更をトリガーにスクリプトを実行したいとき、適切なイベントが無く、実装に苦労したことはないでしょうか。 onchange が使えそうですが、change イベントは input や select といったフォームアイテムにしか使えません。 私も、悩んだ末に setInterval を使って無理やり実装したことがあります。 しかし実は、MutationObserver を使うことで、DOM の変更を監視することができます。 監視できる変更には、次のようなものがあります。 ノードの属性の変更 ノードのテキストの変更 ノードの子孫テキストの変更 ノードの子孫ノードの属性の変更 ノードの子孫ノードの追加、削除 参考「MutationObserver – Web API インターフェイス | MDN」 https://developer.mozilla.org/ja/docs/Web/