這篇文章給大家分享的是有關(guān)用JavaScript動態(tài)更改CSS樣式表的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

為興和等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計制作服務(wù)，及興和網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、興和網(wǎng)站設(shè)計，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

如何用JavaScript動態(tài)更改CSS類（樣式表）？要在JavaScript中更改類名，需要更改元素的className屬性。

我們來直接看一個示例

創(chuàng)建以下HTML文件。

JavaScriptChangeCssClass.html

    
    
    
    


    
這篇文章是很重要的，需要特別注意。
    

JavaScriptChangeCssClass.css

.importantText{
   font-weight:700;   
   color:#FF0000;
   }

說明：

單擊按鈕，就會執(zhí)行以下代碼部分

function buttonClick() {
    target = document.getElementById("important");    
if (target != null) {
      target.className = "importantText";
    }
  }

 target = document.getElementById("important");

因此，ID獲得important的元素。在這種情況下，你可以獲得“重要”的元素。

 if (target != null) {
    target.className = "importantText";
  }

如果可以獲取元素，則它是非null值，因此執(zhí)行if語句的內(nèi)部。通過分配className屬性，您可以設(shè)置元素的類。在此示例中，“importantText”設(shè)置為類名。

根據(jù)這個處理

  重要

改變了狀態(tài)。

運行結(jié)果

使用Web瀏覽器顯示上述HTML文件。將顯示如下所示的效果。

點擊“button”按鈕，則會顯示如下效果，“重要”變?yōu)榧t色的字體

感謝各位的閱讀！關(guān)于用JavaScript動態(tài)更改CSS樣式表的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！