I have a small chrome extension that works inside a WebApp. The WebApp url is always the same but content inside is changing when u click buttons. I talk about the WebApp of EA‘s FIFA.

I would like to add a Div element as child, after a parent element is loaded. Means I need to find a way to add it after I entered the location where the parent node is located.

The problem is that the DOM itself is loaded partially depending on which layer I am inside the WebApp so I can not let the Div be added when the DOM is initially loaded.

I have no idea how I can make that work with my chrome extension and where I would have to put the code in (content script?) because the content script gets executed when the page is loaded.