在JavaScript中設置多個CSS樣式，可以通過以下兩種方式實現(xiàn)：

1、使用style屬性：

每個HTML元素都有一個style屬性，可以用來直接設置元素的樣式，通過JavaScript，我們可以動態(tài)地修改這個屬性來應用不同的CSS樣式。

```javascript

var element = document.getElementById('myElement');

element.style.backgroundColor = 'red';

element.style.border = '2px solid blue';

element.style.padding = '10px';

```

在這個例子中，我們?yōu)镮D為myElement的元素設置了三個樣式屬性：背景顏色、邊框和填充。

2、使用classList屬性：

classList屬性提供了一個接口來管理元素的類列表，通過JavaScript，我們可以添加、刪除和切換類，從而應用不同的CSS樣式。

```javascript

var element = document.getElementById('myElement');

element.classList.add('myClass1', 'myClass2');

```

在這個例子中，我們?yōu)镮D為myElement的元素添加了兩個類：myClass1和myClass2，這兩個類可以對應兩個不同的CSS樣式。

使用CSS樣式表

除了直接在JavaScript中設置樣式，我們還可以使用CSS樣式表來定義樣式規(guī)則，通過JavaScript，我們可以動態(tài)地修改樣式表中的規(guī)則，從而實現(xiàn)多個樣式的應用。

示例：使用CSS樣式表設置多個樣式

假設我們有一個CSS樣式表：

/* CSS樣式表 */
.style1 {
  background-color: red;
  border: 2px solid blue;
  padding: 10px;
}
.style2 {
  color: green;
  font-size: 20px;
}

我們可以通過JavaScript來應用這些樣式：

var element = document.getElementById('myElement');
element.classList.add('style1', 'style2');

在這個例子中，我們?yōu)镮D為myElement的元素添加了兩個類：style1和style2，這兩個類分別對應兩個不同的CSS樣式規(guī)則。

通過JavaScript，我們可以使用style屬性或classList屬性來設置多個CSS樣式，結合CSS樣式表，我們可以更靈活地管理和應用不同的樣式規(guī)則，這種方法使得在JavaScript中設置多個CSS樣式變得簡單而直觀。