Question

创建一个div 设置 style="display:none" 包含了一个iframe，js 把style设置为block，点击按钮不显示

详细代码如下：
<div id="iframeDiv" style="display:none" align="center">
<iframe name="xuqiFrame" src="xxx.jsp" frameborder="0" width="100%" scrolling="no" height="400px"></iframe>
</div>

<div>
<a onclick="detail()" id="iframe" href="#">修改</a>
</div>

js:
function detail(){
if(document.getElementById('iframeDiv').style.display='none'){
document.getElementById('iframeDiv').style.display='block';
}
}
没有设置style隐藏，iframe里面的页面是显示的，请问原因，并告知怎么修改

Answer 1

如果是通过样式文件或<style>css</style>方式来设置元素的display:none样式，用js设置style.display=""并不能使元素显示，可以使用block或inline等值来代替。通过style="display:none"直接在元素上进行的设置不会有这个问题

追问

为了分毫无下限的复制

Answer 2

这个点击a之后 是可以让这个div显示的 因为 iframe里的 src="xxx.jsp"这个文件 在电脑上找不到 所以不显示内容 你把src里面的地址换成百度的地址 就可以打开了

追问

这是一个项目，我只是把其中的截取出来而已。没有设置div的隐藏属性是可以显示的，说明不是地址的问题