How to prevent adding elements to a DOM node?
<p>I have a pretty disgusting issue. "Disgusting" because I do not have full control of the whole webpage and therefore have to hack my way to success.</p>

<h2>Situation</h2>

<p>I have my own script, which is loaded into the webpage, and a <code>div</code> container, that displays the page´s navigation. I want to add a link to that container and that container should only contain that single link.</p>

<h2>Problem</h2>

<p>There is a third party script, which also adds links to that container. It does that inside a AJAX callback function</p>

<h2>What I have tried</h2>

<p><strong>1. Deleting all links but mine after document is completely loaded</strong></p>

<p>This is not possible because third party script loads content via AJAX callback, so when page is fully loaded the unwanted links have not been rendered yet.</p>

<p><strong>2. Renaming <code>div</code> container</strong></p>

<p>After adding my link to the container I stripped the container completely naked, deleting class names, IDs etc. But the third party script still finds that container.</p>

<p><strong>3. Attaching <code>DOMNodeInserted</code> event to the container</strong></p>

<p>Works great in anything that I call a browser. But fails in IE. And the IE is the main browser the user of that page use.</p>

<p><strong>What else can I try?</strong></p>
