如何用javascript创建一个style元素。

[招RD和QA]

<style type = "text/css">

.wrs_link
{
font-weight:bold; text-decoration:underline; cursor:hand;
}

</style>

我使用document.createElement();来创建，发现总是一个空的元素？请问怎样用javascript动态创建这样一个东西?

[煊烨]

var ostyle= document.createStyleSheet();
ostyle.addRule("DIV B", "color:blue", 0);

[dh20156]

偶的dhATV里的一段,参考：
/** Mozilla兼容MsIE脚本，stylesheet扩展部分。
* o stylesheet.addRule()
*/
(function () {
if (! window.CSSStyleSheet) return;
function _ss_GET_rules_ () {
return this.cssRules;
}
var _ss = CSSStyleSheet.prototype;
_ss.addRule = function(sSelector, sRule) {
this.insertRule(sSelector + "{" + sRule + "}", this.cssRules.length);
}
_ss.__defineGetter__("rules", _ss_GET_rules_);
})();
//对象实例化
this.setup = function(obj){
if(typeof document.styleSheets=="undefined" || document.styleSheets!="OBJECT"){
var styleObj = document.createElement("STYLE");
document.getElementsByTagName("HEAD")[0].appendChild(styleObj);
}
var oStyleSheet = document.styleSheets[0];
oStyleSheet.addRule(".root","margin:0px;");
oStyleSheet.addRule(".root *","font-size:"+this.textsize+";");
oStyleSheet.addRule(".root div","margin-left:17px;white-space: nowrap;");
oStyleSheet.addRule(".childnode","background:url("+this.icoFolder+"/i.gif) left top repeat-y;}");
oStyleSheet.addRule(".childvalue","background:url("+this.icoFolder+"/i.gif) left top repeat-y;");
oStyleSheet.addRule(".nodetext","cursor:pointer;");
oStyleSheet.addRule(".nodepanel","display:none;");
var rootStr = "<div class=\"root\" fid=\"0\"><img src=\""+this.icoFolder+"/dashplus.gif\" align=\"absmiddle\" onclick=\""+this.treeTagName+".clickNode(this.parentNode);\" /><img src=\""+this.icoFolder+"/ro.gif\" align=\"absmiddle\" /> <span class=\"nodetext\" onclick=\""+this.treeTagName+".clickNode(this.parentNode);\">"+this.rootText+"</span><span class=\"nodepanel\" /></div>"
obj.innerHTML = rootStr;
}