Mutation Observer not creating mutations for nodes added through innerHTML #166

ghost · 2017-11-15T09:50:51Z

Adding internal nodes through innerHTML does not cause an addedNode in the mutation record for the internal node. For example: Let's suppose if we have a div element and have a Mutation Observer running observing the document

div.innerHTML = "<div><img></img></div>";

This would lead to just one addedNode in the mutation having "div" as the addedNode and "img" as one of the childNodes. But, there is no separate addedNode for "img" node added.

<html>
  <head>
    <script>
      var observer = new MutationObserver(function(mutations){
        for (var i=0; i < mutations.length; i++){
          var mutation = mutations[i];
      	  switch(mutation.type){
      	      case 'childList':
                    console.log(mutation);
                    break;
              default:
            }
        }
      });

      observer.observe(document.documentElement, {
      	childList: true,
      	subtree: true,
      	attributes: true
      });
    </script>
  </head>
  <body>
    <div id="first">
      <div>
        <img></img>
      </div>
    </div>
    <div id="second">
    </div>
  </body>
  <script>
    console.log("-----------------");
    document.getElementById("second").innerHTML = "<div><img></img></div>";
  </script>
</html>

It just logs one addedNode in the mutation for the "second" div, though the HTML structure for both "first" and "second" div is same.

The text was updated successfully, but these errors were encountered:

yongsheng · 2017-11-21T02:34:20Z

I think the behavior now is for the 'root' node of the fragment to be inserted. Not sure it'll hurt perf if subtree is included.

yongsheng added the question label Jan 8, 2018

yongsheng added this to the DOM4.3 milestone Jan 8, 2018

yongsheng added enhancement and removed question labels Jan 8, 2018

yongsheng modified the milestones: DOM4.3, future Jan 8, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Mutation Observer not creating mutations for nodes added through innerHTML #166

Mutation Observer not creating mutations for nodes added through innerHTML #166

ghost commented Nov 15, 2017 •

edited by ghost

Loading

yongsheng commented Nov 21, 2017

Mutation Observer not creating mutations for nodes added through innerHTML #166

Mutation Observer not creating mutations for nodes added through innerHTML #166

Comments

ghost commented Nov 15, 2017 • edited by ghost Loading

yongsheng commented Nov 21, 2017

ghost commented Nov 15, 2017 •

edited by ghost

Loading