Question

I have the following javascript:

  css = document.createElement('style');   css.setAttribute('type', 'text/css');   css_data = document.createTextNode('');   css.appendChild(css_data);   document.getElementsByTagName('head')[0].appendChild(css); 

for some reason, in IE only, it chokes on ‘css.appendChild(css_data);’ Giving the error: ‘Unexpected call to method or property access’

What’s going on?

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