在JavaScript中，我們可以通過給元素添加CSS樣式來改變元素的樣式。在這里，我們將介紹如何通過JavaScript向HTML文檔中的元素添加CSS樣式。

// 選中要添加CSS的元素
let elem = document.getElementById("my-element");
// 添加CSS樣式
elem.style.background = "red";
elem.style.color = "white";
elem.style.padding = "10px";

在上面的代碼中，我們首先選擇了一個具有"id"為"my-element"的元素，然后使用JavaScript添加了三條CSS規則：背景顏色為紅色、前景色為白色、padding為10像素。

我們也可以通過直接在字符串中指定CSS樣式來添加CSS，如下所示：

// 選中要添加CSS的元素
let elem = document.getElementById("my-element");
// 通過字符串添加CSS樣式
elem.style.cssText = "background: yellow; 
color: black; 
padding: 20px;";

在這里，我們使用了"cssText"屬性，它允許我們指定完整的CSS樣式表作為字符串。

請注意，在使用JavaScript添加CSS時，我們應該避免頻繁操作DOM元素。如果需要給多個元素添加相同的CSS樣式，可以將這些元素組合成一個類，然后使用JavaScript一次性將樣式應用于這些元素。

// 選中具有相同類名的所有元素
let elems = document.getElementsByClassName("my-class");
// 通過字符串添加CSS樣式
for (let i = 0; i< elems.length; i++) {
elems[i].style.cssText = "background: purple; 
color: white; 
padding: 15px;";
}

在這里，我們首先找到具有"class"為"my-class"的所有元素，并將相同的CSS規則應用于它們。

總之，在JavaScript中添加CSS樣式是一項非常有用的功能，可以允許我們動態地更改網頁的外觀和行為。