iframe上的jquery .load添加重写css样式

Question

我尝试了很多不同的选项，似乎没有任何工作

我有一个带有许多内联css样式的iframe，在iframe加载后我想要覆盖它们的重要标记

这是我的jquery和失败的jsfiddle

http://jsfiddle.net/VJuyR/

$(document).ready(function() {   
    $('<iframe />').load(function(){
          alert('the iframe is done loading');
          $(".poweredBy").css("display", "none");
    });        
});

Answer 1

使用iframe代替<iframe />，同时使用contents()获取iframe content，然后使用find() element之类，

$('iframe').load(function(){
      alert('the iframe is done loading');
      $(this).contents().find(".poweredBy").css("display", "none");
});

上方将适用于same domain，这些元素可以轻松访问。

但根据same-origin policy，您将获得权限拒绝类型错误。