JavaScript是一種用于網頁交互的語言，并且它可以通過操作文檔對象模型（DOM）來控制HTML元素的屬性，如樣式。在JS中，我們可以使用HTML元素的類名來給其添加CSS樣式。

//獲取元素
let myElement = document.getElementById("myId");
//給元素添加類名
myElement.className = "myClass";

在上面的代碼中，我們首先獲取了id為“myId”的元素，然后給它添加了“myClass”類名。接下來，我們可以在CSS樣式表中編寫myClass類的樣式，例如：

.myClass{
font-size: 18px;
color: #333;
text-align: center;
}

這樣，使用JavaScript來給HTML元素添加CSS樣式就完成了。需要注意的是，我們在CSS樣式表中定義的類名必須和在JS中添加的類名相同，并且要確保已經在頁面上加載了這個CSS文件。

另外，我們還可以使用JS中的classList屬性來操作類名，其包含add、remove、toggle和contains等方法，可以讓我們更加靈活地控制HTML元素的樣式。例如，我們可以使用classList.add()方法來給元素添加新的類名：

//獲取元素
let myElement = document.getElementById("myId");
//添加新的類名
myElement.classList.add("newClass");

以上就是關于在JS中給HTML元素添加CSS樣式的簡單介紹，希望可以幫助您更好地控制網頁的樣式和交互效果。