如何从外部 javascript(js) 文件在网页中添加样式标签

Question

我正在开发一个网页，我想在其中从外部 javascript 文件动态添加样式标签。

我正在使用这个不起作用的代码

this.addStyle = function()
    {
        if (! this.inited) {
          alert("not inited");
          return;
         }
        var head = document.getElementsByTagName('head')[0],
        style = document.createElement('style'),
        rules = document.createTextNode('.bodys { bgcolor="red"; }');
        style.type = 'text/css';
        if(style.styleSheet)
            style.styleSheet.cssText = rules.nodeValue;
        else style.appendChild(rules);
            head.appendChild(style);
    }

Answer 1

将.bodys{ bgcolor="red"; } 更改为.bodys{background-color:red}

Answer 2

并非所有浏览器都适用于生成的文本节点。 MediaWiki 使用

var s = document.createElement( 'style' );
s.type = 'text/css';
s.rel = 'stylesheet';
if ( s.styleSheet ) {
    s.styleSheet.cssText = text; // IE
} else {
    s.appendChild( document.createTextNode( text + '' ) ); // Safari sometimes borks on null
}

当然也跟着 alberts 回答。