在網站的開發過程中，JavaScript經常會被用來動態地修改HTML元素的樣式，這就需要我們掌握JavaScript添加CSS的方法。下面就來介紹兩種常用的添加CSS的方法。

第一種方法是為HTML元素添加class屬性，然后使用JavaScript修改其樣式。代碼如下：

// HTML代碼
<div id="myDiv" class="myClass"></div>
// JavaScript代碼
var myDiv = document.getElementById("myDiv");
myDiv.className = "myNewClass";

在上面的代碼中，我們先為一個div元素添加了class屬性，并賦值為“myClass”。然后使用JavaScript獲取這個元素，將其className屬性修改為“myNewClass”。這樣就可以通過CSS來定義“myNewClass”的樣式了。

第二種方法是使用JavaScript直接為HTML元素添加style屬性，然后將CSS樣式字符串賦值給它。代碼如下：

// HTML代碼
<div id="myDiv"></div>
// JavaScript代碼
var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "red";
myDiv.style.fontSize = "20px";

在上面的代碼中，我們先獲取了一個div元素，然后直接為其添加了style屬性，并賦值為“background-color:red;font-size:20px;”。這樣就可以為這個元素指定背景色和字體大小了。

總之，掌握了JavaScript添加CSS的方法，我們就可以更加靈活地控制網站的樣式，使得頁面更加美觀、易用。