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";
    ......