My Chrome Extension should modify a DOM element before the DOM is fully constructed, and in the best scenario, right after this DOM element is constructed.
For example, if I have a in my document, I want to wait until it is constructed, then directly modify it, before the rest of the DOM is constructed.
But I only managed to access the DOM before the element is constructed and after the entire DOM is constructed.
So how do I listen to the construction of a special element ?
You can use document.addEventListener with the DOMNodeInserted event. The nodes will be constructed and you will have a chance to modify them before they are inserted into the DOM. Something like the following should work.
function nodeInsertedCallback(event) {
console.log(event);
};
document.addEventListener('DOMNodeInserted', nodeInsertedCallback);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With