Why MutationObserver doesn't make a callback - PeakU

0

101

Views

Why MutationObserver doesn't make a callback

What could be a reason why the following code doesn't fire MutationObserver callbacks ?

<!DOCTYPE html>
<body>
  <div id="msg">Hello</div>
  <script>
    var el = document.getElementById("msg");
    var obs = new MutationObserver(() => {
      console.log("Changed!");
    });
    obs.observe(el, {subtree: true, characterData: true});
    setTimeout(() => {
        el.innerHTML += " World!";
    }, 3000);
  </script>
</body>
</html>

about 4 years ago · Santiago Gelvez

1 answers

Answer question

0

innerHTML alters the DOM, so you need to monitor childList.

<!DOCTYPE html>
<body>
  <div id="msg">Hello</div>
  <script>
    var el = document.getElementById("msg");
    var obs = new MutationObserver(() => {
      console.log("Changed!");
    });
    obs.observe(el, {childList: true});
    setTimeout(() => {
        el.innerHTML += " World!";
    }, 3000);
  </script>
</body>
</html>

about 4 years ago · Santiago Gelvez Report

Answer question

Find remote jobs