DOMNodeInserted DOMNodeRemovedを使って、divとかformとかに子要素が追加されるとか、中身の一部が消されるときにイベントを発火させたい的なお話

とりあえずタイトルが長いけど、何がしたいかっていうとDOMの監視をしたいっていうこと。
divの中にimgが入ったとかpが入ったとか、formの中にinput hiddenが入ったとか消えたとか云々。
そういうときにフォームのサブミットボタンをアクティブにしたいとかっていう感じ。

で、それを実現するにはformだったら各フォームパーツのclickイベントとかの最後に処理を入れてみたりとか、
divだったらsetInterval使ってDOMの中身を監視するとかどうとか。

けどどっちもぶっちゃけ処理が多くなればなるほど面倒なことになってしまう。
特にフォーム関連なんてパーツが増えるたびに書かないといけないとか面倒ではある。

ってことでDOMNodeInsertedやDOMNodeRemovedっていうイベントを使ってその処理を書きましょう的な。