woensdag 21 februari 2018

Veranderingen in de DOM bemerken via javascript

Stel je wilt het verwijderen van een element genaamd spaForm bemerken via javascript. Je kunt dan MutationObserver gebruiken.

function spaFormRemovalCallback(callback) {
  var spaFormNotifier = new MutationObserver(function(e) {
  var j = 0;
  for (j = 0; j < e.length; j++) {
    var removedNodes = e[j].removedNodes;
    if (removedNodes.length > 0) {
      var i = 0;
      for (i = 0; i < removedNodes.length; i++) {
                                                                                          var node = removedNodes[i];
        if ((node.id === "spaForm") && (node.nodeName === "FORM")) {
          callback();
          spaFormNotifier.disconnect();
        }                                                                               }
    }
       }
    });

  var spaFormNode = $("#spaForm");
  if (spaFormNode.length > 0 && spaFormNode.parent().length > 0) {
    spaFormNotifier.observe(spaFormNode.parent()[0], { childList: true });    
  }                                 
}


Geen opmerkingen:

Een reactie posten