Внедрение строки CSS в качестве новой таблицы стилей документа

Question

Я динамически создаю большую таблицу стилей в виде строки и хочу вставить ее в iframe.Первоначально я подошел к этому так:

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

К сожалению, IE7 не нравится этот метод.Я не уверен, как еще подойти к этой инъекции.Есть ли кросс-браузерное решение, которое позволит мне вводить массу 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