Question

我的网站里面有一个iFrame元素。现在我需要从iFrame中加载的网站中删除特定元素。

我正在使用javascript。提到的链接在同一台服务器上。我将jquery加载到站点的头部。

<iframe id="ContentiFrame" src="LINK" class="section main"  width="998" height="200" frameBorder="0"> 
</iframe>

<script>
$(this).load("LINK")
$(window).on('load', function() 
{
            var $iframe = $('#ContentiFrame'); //this is the name of the iframe ... EDITED added #before name
              var $contents = $iframe.contents();
              var $logo = $contents.find('.logoContainer');
              $logo.remove(); 
}); 
</script>

出于某种原因，这对我不起作用。谢谢你的帮助。

Answer 1

您忘记了#的ID上的iFrame。试试这个：

var $iframe = $('#ContentiFrame'); 
                 ^

Answer 2

您需要使用#作为ID

var $iframe = $('#ContentiFrame');

Answer 3

使用Jquery范围参数：

var iframe = $('#ContentiFrame'); 
var iframebody=$iframe.get(0);
var body=iframebody.contentWindow.document.body;
var logo=$("#ContentiFrame",body);
logo.remove();

我建议在iframe页面中包含一个jquery.js，所以你可以这样做：

var iframe = $('#ContentiFrame'); 
var iframebody=$iframe.get(0);
var frameWindow=iframebody.contentWindow;
var logo=frameWindow.$("#ContentiFrame");
logo.remove();

从加载的iframe中删除元素

3 个答案: