IE中的Element.appendChild()chokes

Question

我有以下javascript:

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

出于某种原因,仅在IE中,它会在"css.appendChild(css_data);"上窒息 给出错误:"对方法或属性访问的意外调用"

这是怎么回事？

Answer 1

尝试改为:

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