JSFiddle - React, Tailwind, and code Playground

by vjeux

HTML

<!DOCTYPE html>
<body>
  <script>
    var observer = new WebKitMutationObserver (function(r) {
      alert(r);
    });
    observer.observe(document.body, {childList: true, subtree: true});
  </script>
  <p>Hello, World</p>
</body>

JavaScript

var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;

  var observer = new MutationObserver(function(mutations) {  
    mutations.forEach(function(mutation) {
      if (mutation.type === 'childList') {
        var list_values = [].slice.call(list.children)
            .map( function(node) { return node.innerHTML; })
            .filter( function(s) {
              if (s === '<br>') {
                return false;
              }
              else {
                return true;
              }
        });
        console.log(list_values);
      }
    });
  });
 
  observer.observe(document.body, {
      attributes: true, 
      childList: true, 
      characterData: true
  });