Javascript 动态改变CSS风格

在网页的显示中有时候需要动态改变一些CSS属性,既可以只改变CSS中的个别属性比如字符集,也可以全套CSS更换,对于类似的主题已经有很多代码实例,这里只做简要的总结.

1.只改变个别属性可以用对象的style属性,比如style.fontFamily等.
   注意对于css中带"-"线的属性只需把"-"线后的首字符大写即可:font-family fontFamily. VS2008已经为程序员做好的该准备。而其中的float属性着需要特殊的设置,IE下为style.styleFloat其他的是style.cssFloat.

2.如果在同一个CSS文件下有多个方案并为class情况下,则可以通过修改DOM对象的class属性,如:
        var oldDiv=document.getElementsById(divID);
        oldDiv.className = "newClassName";

3.更换CSS文件则需要改变link标签下的href属性
   比如 <link href="songti.css" id="divCss" rel="stylesheet" type="text/css" />通过改变其href即可
   ......
    var newCss=document.getElementsById(divCss);
    newCss.href="new.css";
    ......