如何从外部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}