将样式应用于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);