本文將介紹如何使用JavaScript動態設置CSS樣式。
  
動態設置CSS樣式可以通過改變元素的style屬性來實現。
  
方法一：直接在JavaScript代碼中設置樣式
  
可以通過JavaScript代碼直接設置元素的style屬性來改變CSS樣式。例如：
  
    
      var element = document.getElementById("myElement");
      element.style.backgroundColor = "red";
      element.style.color = "white";
    
  
  
方法二：使用classList來切換樣式
  
除了直接設置元素的style屬性，還可以通過classList來切換元素的樣式。例如：
  
    
      var element = document.getElementById("myElement");
      element.classList.add("red-bg");
      element.classList.remove("blue-bg");
    
  
  
方法三：通過修改CSS類名來改變樣式
  
最常用的方法是通過修改CSS類名來改變元素的樣式。例如：
  
    
      var element = document.getElementById("myElement");
      element.className = "red-bg";
    
  
  
總結來說，JavaScript可以通過直接設置元素的style屬性、使用classList來切換樣式以及修改CSS類名來動態改變CSS樣式。根據實際需求選擇合適的方法。