iframe上的jQuery .load添加覆蓋的CSS樣式

Question

我嘗試了許多不同的選擇，但似乎沒有任何效果

我的iframe具有很多內聯css樣式，這些樣式具有！important標簽，我想在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 /> ，還使用iframe content （）獲取iframe content然后使用find（）您的element例如

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

上面將在same domain 上工作，元素很容易訪問。

但是根據同源策略，您將獲得權限拒絕類型錯誤 。