在JavaScript中，我們可以通過代碼來給HTML元素動態地添加CSS樣式，下面我們來介紹幾種方法。

// 1. 修改元素的style屬性
var element = document.getElementById("box");
element.style.backgroundColor = "red";
element.style.width = "100px";
// 2. 添加class屬性
var element = document.getElementById("box");
element.classList.add("box-active");
// 3. 修改元素的className屬性
var element = document.getElementById("box");
element.className += " box-active";

方法一是直接修改元素的style屬性，可以直接在JS文件中寫CSS樣式。方法二是添加class屬性，這種方法可以使用已有的CSS樣式表中的類。方法三是修改元素的className屬性，也可以使用已有的CSS樣式表中的類，同時也可用于添加類。

不管使用哪種方法，都需要獲取到要修改的元素，可以使用document.getElementById()等方法來獲取。