IE 8 and 7 bug when dynamically adding a stylesheet

Question

I have the following code

var style = document.createElement(\'style\');
style.setAttribute(\"type\", \"text/css\");
if (style.textContent) { // FF, Safari
          


        

Answer 1

you can try this way

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