Element.appendChild() chokes in IE

Question

I have the following javascript:

  css = document.createElement(\'style\');
  css.setAttribute(\'type\', \'text/css\');
  css_data = document.createTextNode(         


        

Answer 1

Try instead:

var css = document.createElement('style');
css.setAttribute('type', 'text/css');

var cssText = '';
if(css.styleSheet) { // IE does it this way
    css.styleSheet.cssText = cssText
} else { // everyone else does it this way
    css.appendChild(document.createTextNode(cssText));
}

document.getElementsByTagName("head")[0].appendChild(css);