在 Panel / Div 对象下隐藏 iFrame答案

【问题标题】：Hide the iFrame Under Panel / Div Object在 Panel / Div 对象下隐藏 iFrame
【发布时间】：2012-07-23 16:16:00
【问题描述】：

正如您在我的图片中看到的那样，我有 Pdf（在 iFrame 中）以及 Jquery 滑动菜单（在 Div/Panel 中）以及另一个 iFrame。我想隐藏滑动菜单 iFrame（在 iframe 下添加面板的原因是因为 pdf 查看器行为面板将自己隐藏在 Pdf 下并且在表单上不可见）。为此，我尝试设置 display attribute = none;这不起作用:(有没有办法隐藏 iFrame 但面板应该在它的位置。

【问题讨论】：

您的问题不是特别清楚，但从我认为您的意思来看：当您使 iFrame 不可见时，您希望在“菜单”iFrame 中显示的 HTML 保持可见？你能确认一下吗，或者试着让你的问题更清楚
另外，当你说事物在 iframe 的“下”时会让人感到困惑 - 当我认为你的意思是它们是 in iframe (请记住，iframe 只是一个容器，用于显示单独的 HTML 文档、PDF 文件等）。除非您真的在谈论 iframe 背后的项目？

标签： javascript asp.net css

【解决方案1】：

使用 firebug 来检测你是否在 watch 表达式中获取元素。你应该像这样访问 iFrame

<form name="formname" .... id="form-first">
<iframe id="one" src="iframe2.html">
</iframe>
</form>


function iframeRef( frameRef ) {
return frameRef.contentWindow ? frameRef.contentWindow.document : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

【讨论】：

你好 Mayank Pathak .. 我想你不明白我的问题我说的是我想隐藏菜单控制面板下方的 iFrame ......所以我该怎么做。 . ?
见上面的代码..你已经在内部变量中获得了 iFrame..不要在这个变量上应用属性来隐藏 iFrame...