动态添加样式表规则

有时我们需要在.js文件对文档动态引入一些CSS样式。对于一些短小的CSS代码来说，这好办，我们可以调用其style方法，如

ddd.style.border = "1px solid red";
var ddd = document.getElementById("ddd");

如果再长一点也无所谓：

var ddd = document.getElementById("ddd");
ddd.style.cssText = "border:1px solid red;color:#000;background:#444;float:left";

本人而言，我是喜欢后者。因为前者有严重的兼容问题。如float这个样式，在IE是styleFloat，在火狐等W3C标准游览器是cssFloat。而cssText则是通吃。

如果很长，我们可以动态导入一CSS文件。如:

function addSheetFile(path){
    var fileref=document.createElement("link")
    fileref.rel = "stylesheet";
    fileref.type = "text/css";
    fileref.href = path;
    fileref.media="screen";
    var headobj = document.getElementsByTagName('head')[0];
    headobj.appendChild(fileref);
}