删除iframe中加载的div页面

时间:2014-04-04 19:10:13

标签: javascript jquery

我是javascript的新手,需要一些帮助。我需要从我的<iframe>显示的另一个页面中删除div元素。

这是我的网页代码

<html>
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
    <head>
    <script language="javascript">
    </script>
        <title>TITLE</title>
        <style type="text/css">
            body, html
            {
                margin: 0; padding: 0; height: 100%; overflow: hidden;
            }

            #content
            {
                position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
            }
        </style>
    </head>
    <body>
        <div id="content">
            <iframe width="100%" height="100%" frameborder="0" src="PAGE HERE"/>
        </div>
    </body>
</html>

我需要删除其他网页的这个Div元素

<div comp="removepls">

修改

无法编辑未在您的服务器上托管的外部网站

2 个答案:

答案 0 :(得分:2)

如果src的{​​{1}}不是来自同一个域并使用与其呈现的页面相同的协议,那么您将无法访问该内容。这违反了iframe,是所有现代浏览器中的安全功能。如果same-origin policy包含您使用相同域和协议创建的页面,那么您可以像使用任何其他iframe元素一样查询iframe jQuery:DOM或者您也可以给$('iframe')一个类或ID,并以这种方式查询它。

答案 1 :(得分:0)

$('iframe').contents().find("div[comp='removepls']").remove();

那应该找到并删除奇怪的归属div。