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); 

這工作正常，在所有瀏覽器（也即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);