IE 8 и 7 ошибка при динамическом добавлении таблицы стилей

Question

У меня есть следующий код

var style = document.createElement('style');
style.setAttribute("type", "text/css");
if (style.textContent) { // FF, Safari
    style.textContent = this.arg.css;
} else {
    style.innerHTML = this.arg.css;// FF, IE
}
document.getElementsByTagName('head')[0].appendChild(style);

Это прекрасно работает во всех браузерах (также IE 9), но для IE7 и IE8 я получаю следующую ошибку

SCRIPT600: неизвестная ошибка времени выполнения

Ошибка указывает на строку

    style.innerHTML = this.arg.css;// FF, IE

Что не так?

Answer 1

вы можете попробовать таким образом

var style = document.createElement('style');
var text = this.arg.css;
style.setAttribute("type", "text/css");
if (style.styleSheet) {   // for IE
    style.styleSheet.cssText = text;
} else {                // others
    var textnode = document.createTextNode(text);
    style.appendChild(textnode);
}
var h = document.getElementsByTagName('head')[0];
h.appendChild(style);