如何隐藏iframe内的div?

时间:2013-10-26 06:10:40

标签: javascript html iframe

我想隐藏一个iframe内的div,有没有办法通过其属性隐藏div

示例:我有一个iframe我需要隐藏div id="content"中的php.net内容

<iframe src="http://php.net/" id = 'iframe'>
      <div id="content">...</div>
</iframe>

不知道我在哪里做错了,请帮我解决这个问题

function hideIt(){
   document.getElementById('iframe').contentWindow.document.getElementById('content').style.display = 'none';
}

2 个答案:

答案 0 :(得分:0)

我认为由于安全原因你有问题。

查看http://javascript.info/tutorial/same-origin-security-policy

答案 1 :(得分:0)

您是否真的尝试使用http://php.net/执行此操作?因为,正如Corinne Kubler所指出的那样,出于安全原因(除非你的内容实际上是在php.net上托管),你不能这样做,因为它会违反同源政策。

如果您打开Web浏览器的调试器/开发人员工具(尝试F12或使用菜单),您可以检查控制台并尝试此操作 - 它可能会说“权限被拒绝”或其他内容(IE9给出“访问被拒绝”)