javascriptでnodeが動的に追加されたところを検知したい

googleの画像検索とかでやってるアレ、AutoPagerizeもそうなんだろうけど、あとからNodeに追加されたタイミングでイベント入っていくやつないか探してたんだけど、なんてキーワードでぐぐったらいいかわかんなくて苦労した。

結果、DOMNodeInsertedとかDOMSubtreeModifedでやるといいっぽい。

innerHTMLとjQuery.text()の間のDOMNodeInsertedとDOMSubtreeModifiedの挙動の違い - koroharo twitter log たまに 犬って突然いなくなるよね。日記

追加されたimgタグのsrcとかみたいときjQueryだとこんな感じで取れた。

$(document).on("DOMNodeInserted", function(e) {
  var target = e.target;
  $(target).find('img').each(function(){
    console.log($(this).attr("src"));
  });
});

勉強になる。