MutationObserverで全身をどのように観察できますか？

Question

bodyに別のスクリプトがdivを追加するたびに、特定の関数を呼び出せます。

私が試み：

var dom_observer = new MutationObserver(function(mutation) { 
    console.log('function called'); 
}); 
var container = document.body; 
console.log(container); 
var config = { attributes: true, childList: true, characterData: true }; 
dom_observer.observe(container, config); 

をIは、（上記の例）document.bodyおよびdocument.querySelector('body')にcontainerを設定しようとしました。どちらの場合も、console.log()はnullと表示され、次のエラーが表示されます。TypeError: Argument 1 of MutationObserver.observe is not an object.divがbodyに追加されたときにコールバック関数が呼び出されませんでした。

document.getElementsByTagName("body")[0]とdocument.documentElement.childNodes[1]に設定しようとしました。どちらの場合も、console.log()はundefinedと表示され、コールバック関数は呼び出されませんでした。

Answer 1

ターゲットをdocumentとし、containerではないという問題があります。これがブラウザ間で互換性があることを確認するには、document.documentElementとdocument.bodyを使用してください。以下は動作するはずです：

var dom_observer = new MutationObserver(function(mutation) { 
    console.log('function called'); 
}); 
var container = document.documentElement || document.body; 
console.log(container); 
var config = { attributes: true, childList: true, characterData: true }; 
dom_observer.observe(container, config); 

Working JSFiddle