本文将介绍如何使用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样式。根据实际需求选择合适的方法。