bkardell · August 29, 2015 14:03
diff --git a/mutationobserverquestion.html b/mutationobserverquestion.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <script>
 // select the target node
 var target = document;
 var total = {};
 var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        var mutationType = mutation.type, i = 0, nodeType;
        total[mutationType]= total[mutationType] || { count: 0 };
        total[mutationType].count++;
        for(;i < mutation.addedNodes.length; i++) {
            nodeType = mutation.addedNodes[i].nodeType;
            total[mutationType][nodeType] = total[mutationType][nodeType] || { count: 0 };
            total[mutationType][nodeType].count++;
        };

    });
 });

 document.addEventListener("DOMContentLoaded", function () {
    var out = JSON.stringify(total, null, 4);
    observer.disconnect();
    document.querySelector("pre").innerHTML = out;
 }, false);


 observer.observe(document.documentElement, {
    attributes: true,
    childList: true,
    subtree: true,
    characterData: true
 });


 </script>
 </head>
 <body>
  <h1>What's all this?</h1>
  <ul>
    <li>
      <span class="1">A test page which adds a mutation observer early,
        collects results and spits them out... Shouldn't browsers all
        report the same thing here?
      </span>
      <pre></pre>
    </li>
  <ul>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<script>
	// select the target node
	var target = document;
	var total = {};
	var observer = new MutationObserver(function(mutations) {
	mutations.forEach(function(mutation) {
	var mutationType = mutation.type, i = 0, nodeType;
	total[mutationType]= total[mutationType] \|\| { count: 0 };
	total[mutationType].count++;
	for(;i < mutation.addedNodes.length; i++) {
	nodeType = mutation.addedNodes[i].nodeType;
	total[mutationType][nodeType] = total[mutationType][nodeType] \|\| { count: 0 };
	total[mutationType][nodeType].count++;
	};

	});
	});

	document.addEventListener("DOMContentLoaded", function () {
	var out = JSON.stringify(total, null, 4);
	observer.disconnect();
	document.querySelector("pre").innerHTML = out;
	}, false);


	observer.observe(document.documentElement, {
	attributes: true,
	childList: true,
	subtree: true,
	characterData: true
	});


	</script>
	</head>
	<body>
	<h1>What's all this?</h1>
	<ul>
	<li>
	<span class="1">A test page which adds a mutation observer early,
	collects results and spits them out... Shouldn't browsers all
	report the same thing here?
	</span>
	<pre></pre>
	</li>
	<ul>
	</body>
	</html>