Javascript innerHTML更改url函数仅在IE中不起作用

我是一个相当新手的网络程序员，所以如果我的代码没有得到应有的完善，我深表歉意。我的网站在Chrome、Safari和Opera中运行良好，但在Internet Explorer中运行不好

我使用一个javascript函数来更改innerhtml的源代码，以便在我的站点中导航。出于某种原因，仅在Internet Explorer中，第二次使用导航单击更改innerhtml时，什么也没有发生。如果清除空白屏幕上的缓存，正确的内网HTML源将加载。 有关守则如下：

HTML:

---

有错误信息吗？如果要替换innerHTML，为什么要删除所有子节点？请在没有该while循环的情况下尝试。完全没有错误消息删除while循环会阻止javascript在没有该循环的情况下更改所有浏览器中的内容：

<div  id="BannerImage">
  <div  id="BannerImageSmall">
        <iframe   width="700" height="230" border="0" frameborder="0"     scrolling="no" src="movies/classic_fades/_classic_fades.html" ALLOWTRANSPARENCY="true"></iframe>
  </div>
</div>

<script type="text/javascript">

     function linkClicking(myLink)
     {
         var dv = document.getElementById('BannerImage');

         //remove all child nodes
        while (dv.hasChildNodes()) {
        dv.removeChild(dv.lastChild);

        }    
    dv.style.backgroundImage = 'url("../images/banners/homeBright.jpg")';

         dv.innerHTML='<object  data="' + myLink + '" style = "height:340px; width:730px; clear:both; overflow: hidden; width: 100%;"></object>';

     }

</script>

#BannerImage
    {
        font-size: 20px;
        font-weight: bold;
        font-color: #000000;
        background-image: url('../images/banners/home.jpg');
        background-repeat: no-repeat;
        min-height: 370px;
        height: auto; !important
        border-top: 25px solid #FFFFFF;
        border-bottom: 0px solid #FFFFFF;
        width: 800px;
        margin: auto
        float: right;
        margin-left: 100px;
        clear: both;        
    }