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