Javascript 動態改變CSS風格

來源:互聯網
上載者:User
在網頁的顯示中有時候需要動態改變一些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";
    ......

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.