Tengo un MutationObserver adjunto y obtengo eventos de mutación. Puedo revisar manualmente los eventos y ver el nodo que me interesa agregar y eliminar. Sin embargo, tengo dificultades para encontrar esta información mediante programación.

Sin embargo, creo que estoy cerca...

 handleMutations( mutationsList, observer ) { // console.log( mutationsList ); mutationsList.forEach( mutation => { mutation.addedNodes.forEach( node => { console.log( "added", node, typeof( node ) ) let foundNode = ( node.id === "thediv" ); if ( !foundNode ) { const child = node.querySelector( "#thediv" ); if ( child ) { foundNode = true; } } if ( foundNode ) { console.log( "found node. do something." ); } }); }); },

El nodo que me interesa tiene el id thediv .

El problema es que obtengo nodos como:

 added <!----> object

y no puedo llamar a querySelector; cuando lo hago, simplemente falla.

Estoy seguro de que esto es trivial, pero ¿cómo puedo estar seguro de que estoy tratando con un nodo que responde a querySelector?