domMutate

can-dom-mutate exports an object that lets you listen to changes in the DOM using the MutationObserver API.

import domMutate from "can-dom-mutate";

domMutate //->
{
  onAttributeChange( documentElement, callback ),
  onInsertion( documentElement, callback ),
  onRemoval( documentElement, callback ),
  onNodeAttributeChange( node, callback ),
  onNodeInsertion( node, callback ),
  onNodeRemoval( node, callback )
}

// listen to every attribute change within the document:
domMutate.onAttributeChange(document.documentElement, function(mutationRecord){
  mutationRecord.target        //-> <input>
  mutationRecord.attributeName //-> "name"
  mutationRecord.oldValue      //-> "Ramiya"
})

If you want to support browsers that do not support the MutationObserver api, use node to update the DOM. Every module within CanJS should do this:

var mutate = require('can-dom-mutate/node');
var el = document.createElement('div');

mutate.appendChild.call(document.body, el);