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

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

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

我們來直接看一個示例

創建以下HTML文件。

JavaScriptChangeCssClass.html

    
    
    
    


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

JavaScriptChangeCssClass.css

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

說明：

單擊按鈕，就會執行以下代碼部分

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值，因此執行if語句的內部。通過分配className屬性，您可以設置元素的類。在此示例中，“importantText”設置為類名。

根據這個處理

  重要

改變了狀態。

運行結果

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

點擊“button”按鈕，則會顯示如下效果，“重要”變為紅色的字體

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