javascript - 将 CSS 字符串作为新文档样式表注入(inject)

Question

我正在动态创建一个大型样式表作为字符串，并希望将其注入(inject)到 iframe 中。最初我是这样处理的:

var css = '.newstyle { margin: 20px; } .newstyle2 { margin: 20px; }';
$('iframe').contents().find('head').append('<style type="text/css">'+css+'</style>');

很遗憾，IE7 不喜欢这种方法。我不确定还有什么方法可以进行这种注入(inject)。是否有跨浏览器的解决方案可以让我从字符串中注入(inject)大量 CSS？

Answer 1

为此，您可以使用 document.stylesheets。它使您可以访问页面中的样式表。

查看这篇文章:http://kentbrewster.com/creating-dynamic-stylesheets/ — 它有点旧，而且不是以 jQuery 为中心，但我相信您可以根据自己的需要对其进行调整。几年前我使用过这种技术，我相信经过一些调整后它在所有浏览器中都能正常工作。

这里有一些关于 stylesheets 属性的更多信息:

• http://www.quirksmode.org/dom/changess.html
• https://developer.mozilla.org/en/DOM/document.styleSheets