Как динамически создавать класс CSS в IE8

Question

Мне нужно создать класс стилей CSS динамически, используя JavaScript в IE8.

Я использовал следующий код для других браузеров:

var style = document.createElement('style'); 
style.type = 'text/css'; 
style.innerHTML = '.cssClass { color: #F00; }'; 
document.getElementsByTagName('head')[0].appendChild(style); 

это работает отлично во всех браузерах, кроме IE8. Как добиться того же в IE8?

Answer 1

По MSDN:

Свойство innerHTML только для чтения на седловине, COLGROUP, FRAMESET, HTML, головы, стиль, стол, TBODY, TFOOT, THEAD, название и тр объектов.

Итак, попробуйте использовать innerText, чтобы написать этот класс.

Обновлено:

Вы можете использовать:

style.styleSheet.cssText = '.cssClass { color: #F00; }'; 

Или сделать тест:

if (style.styleSheet){ 
    style.styleSheet.cssText = '.cssClass { color: #F00; }'; 
} else { 
    style.appendChild(document.createTextNode('.cssClass { color: #F00; }')); 
} 

Надежда, теперь он работает! :)