將樣式應用於iframe中的內容

Question

iframe中的頁面由javascript動態加載。

我使用jQuery，所以我嘗試這樣。

var css2 = '<link rel="stylesheet" href="/inc/css/style.css" type="text/css"/>'; 
$("iframe").contents().find("head").append(css2); 

這正常工作與Firefox，但不是IE瀏覽器。

然後我創建了dom，並用'createElement'，'setAttribute'手動將它追加到head標籤。它仍然不適用於IE。

我認爲動態控制iframe存在安全問題。 有沒有辦法使它與IE一起工作？

Answer 1

嘗試這種（未經測試）：

var id = '#myIframeId' 
var iframe = document.frames ? document.frames[id] : document.getElementById(id); 
var ifWin = iframe.contentWindow || iframe; 


$(ifWin).find('head').append(css2);