Il linguaggio JavaScript
 

monitorare nuovi elementi DOM in una pagina

oss 19 Giu 2015 17:38
Devo monitorare l'aggiunta di nuovi elementi DOM a una pagina. Cercando
in rete, ho trovato questo:
http://updates.html5rocks.com/2012/02/Detect-DOM-changes-with-Mutation-Observers
dove in pratica si cita questo codice come deprecato:

var insertedNodes = [];
document.addEventListener("DOMNodeInserted", function(e) {
insertedNodes.push(e.target);
}, false);
console.log(insertedNodes);

e questo come consigliato:

var insertedNodes = [];
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
for (var i = 0; i < mutation.addedNodes.length; i++)
insertedNodes.push(mutation.addedNodes[i]);
})
});
observer.observe(document, { childList: true });
console.log(insertedNodes);

Io ho due problemi:
1) a me (FF 38) funziona solo il codice deprecato
2) non capisco il senso di quel console.log fuori dalla funzione; se
richiamato così com'è, restituisce solo un vettore vuoto

Links
Giochi online
Dizionario sinonimi
Leggi e codici
Ricette
Testi
Webmatica
Hosting gratis
   
 

Il linguaggio JavaScript | Tutti i gruppi | it.comp.lang.javascript | Notizie e discussioni javascript | Javascript Mobile | Servizio di consultazione news.