Extensión de Chrome: modifique DOM antes de cargar

Question

Mi extensión de Chrome debe modificar un elemento DOM antes de que DOM esté completamente construido, y en el mejor escenario, justo después de que se construya este elemento DOM.

Por ejemplo, si tengo una en mi documento, quiero esperar hasta que se construya, luego modificarla directamente, antes de que se construya el resto del DOM.

Pero solo logré acceder al DOM antes de que se construya el elemento y después de que se haya construido todo el DOM.

Entonces, ¿cómo escucho la construcción de un elemento especial?

Answer 1

Puede usar document.addEventListener con el evento DOMNodeInserted. Los nodos se construirán y tendrá la posibilidad de modificarlos antes de que se inserten en el DOM. Algo como lo siguiente debería funcionar.

function nodeInsertedCallback(event) { 
    console.log(event); 
}; 
document.addEventListener('DOMNodeInserted', nodeInsertedCallback);