Home/ Questions/Q 135529
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T06:48:17+00:00

Firefox handles it fine, but Safari and IE7 silently fail and do not insert

  • 0

Firefox handles it fine, but Safari and IE7 silently fail and do not insert the element.

<script type='text/javascript'>   var ul = document.getElementById('xg_navigation').getElementsByTagName('ul')[0];   ul.innerHTML = '<li id='xg_tab_home' class='xg_subtab'><a href='http://somedomain.com/'>Some Text</a></li>' + ul.innerHTML; </script>

This is with an exisitng html structure like:

<div id='xg_navigation'>   <ul>     <li><a href='...'>Foo</a></li>     ...   </ul> </div>

I dont have control over the HTML, but I do have the ability to insert a snippet of javascript in the page body.

Sadly I appear to be poorly educated on cross browser javascript support. Do I need to hook it it up via an onPageLoad sort of event somehow?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Seems like you are manipulating the DOM before it has been loaded, try adding that snippet of code inside the window.onload listener:

    <script type='text/javascript'> window.onload = function() {     var ul = document.getElementById('xg_navigation').getElementsByTagName('ul')[0];     ul.innerHTML = '<li id='xg_tab_home' class='xg_subtab'><a   href='http://somedomain.com/'>Some Text</a></li>' + ul.innerHTML; } </script>
    • 0