在JavaScript中添加CSS樣式是一種常用的技巧，它可以讓我們動態地修改網頁的樣式，從而提升用戶體驗。那么，接下來我們來看看在JS中添加CSS的方法吧。 首先，我們需要通過JS獲取到需要添加CSS樣式的元素。通常我們會使用document對象的getElementById()方法或者querySelector()方法來獲取元素。 例如，這里我們獲取了一個ID為“test”的元素：

var el = document.getElementById('test');

接下來，我們可以使用style屬性來修改元素的CSS樣式。該屬性是一個對象，它包含了元素的所有CSS樣式屬性。我們可以針對不同的CSS屬性，添加對應的值。 例如，這里我們添加了元素的背景顏色樣式：

el.style.backgroundColor = 'red';

又例如，這里我們添加了元素的文本顏色、字體大小、字重等樣式：

el.style.color = 'blue';
el.style.fontSize = '24px';
el.style.fontWeight = 'bold';

此外，我們還可以使用CSS類來一次性地為元素添加多個CSS樣式。這需要通過classList屬性來實現。我們可以使用add()方法增加一個CSS類，或者使用remove()方法移除一個CSS類。需要注意的是，在增加或移除CSS類后，元素的樣式會立即更新。 例如，這里我們先定義了一個CSS類，然后為元素添加該類：

/* 定義CSS類 */
.test-style {
color: green;
font-size: 16px;
}
/* 添加CSS類 */
el.classList.add('test-style');

總結起來，通過JavaScript添加CSS樣式其實就是通過操作元素的style屬性去修改CSS屬性值，或者通過操作元素的classList屬性去添加或移除CSS類。掌握這些技巧后，我們就可以在JS中動態地控制網頁的樣式了。