如何在IE8中動態創建CSS類

Question

我需要在IE8中使用JavaScript動態創建CSS樣式表類。

我用以下的其他瀏覽器代碼：

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，框架集，HTML，頭，風格，表，TBODY，tFoot中，的tHead，title和TR對象。

因此，請嘗試使用innerText來編寫這些類。

更新：

您可以使用：

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

或者做一個測試：

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

希望，它現在運行！ :)