Chrome拡張作ってて、ある要素のテキストの変更を監視しようとしたときに気づいたのでメモ。 書いてあること以上のことは調べていない。*1 要素内のテキストをjQuery.text()で変更している場合と、innerHTMLで変更している場合とで発生するDOMNodeInsertedとDOMSubtreeModifiedに差異があってなんだかなーなんだかなーという話。 とあるh1要素の変更を監視するため、以下のように DOMNodeInsertedとDOMSubtreeModified を設定。 document.querySelector('div.foo h1').addEventListener('DOMNodeInserted', function(e){ console.log('***DOMNodeInserted:' + e.srcElement.constructor.na