Javascript 单击Css显示属性更改时脚本无法正常工作Asp.net？

我试图在单击时显示google地图java脚本更改其显示属性并显示google地图。如果我不使用CSS，它在IE 8上不起作用，在其他浏览器上也能正常工作，在IE上也能正常工作

我的代码如下所示

   <div class="getDirectionsBtnMain">
        <a href="#" id="new-yorkiframeNav" onclick="toggle_visibility('new-yorkiframe');">
        </a>
    </div>
    <div id="new-yorkiframe" style="background: none repeat scroll 0% 0% rgb(5, 72, 65); width: 950px; border: 10px solid rgb(5, 72, 65);" class="tab-pane vcard">
        <iframe frameborder="0" style="width: 100%; height: 379px;" marginheight="0" marginwidth="0"
            src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=+40+Wall+Street,+11th+Floor+New+York,+NY+10005&aq=&sll=37.0625,-95.677068&sspn=39.320439,86.572266&t=m&ie=UTF8&hq=&hnear=40+Wall+St,+New+York,+10005&iwloc=A&output=embed">
        </iframe>
    </div>

首先，它没有显示它的显示属性，它在脚本中显示null，我警告它在其他浏览器中的行为也一样，但在脚本中更改它的属性后，它在其他浏览器中显示地图，IE除外

但是如果我把它的css属性改为

new-yorkiframe{display:none;} 

它的点击按钮在ie和其他浏览器上显示和隐藏地图

我应该怎么做才能在第一次加载页面时隐藏地图

希望与您合作

提前感谢

您是否保留了..您的代码。。在关闭html标记之前，请尝试以下操作：

<script type="text/javascript">
        function toggle_visibility(id) {
            var ele = document.getElementById(id);
            if (ele.style.display == 'block')
              ele.style.display = 'none';
            else
              ele.style.display = 'block';
      }
      window.onload = toggle_visibility('new-yorkiframe');
</script>

---

我在打开html标记后保留脚本在我将脚本移动到html结束标记上方之前移动脚本，但问题仍然存在。它的行为相同，不在IE 8上工作，在MAPIVE的格子中显示白色屏幕。如果我使用可见性代替显示，它可以正常工作，但它们都不相同。我们必须使用displayHello。尝试执行：href=javascript:toggle_visibility'new-yorkiframe'；返回false；并且不绑定onclick函数。

new-yorkiframe{display:none;} 

<script type="text/javascript">
        function toggle_visibility(id) {
            var ele = document.getElementById(id);
            if (ele.style.display == 'block')
              ele.style.display = 'none';
            else
              ele.style.display = 'block';
      }
      window.onload = toggle_visibility('new-yorkiframe');
</script>