在JavaScript中，你可以通過多種方式來改變樣式表。以下是一些常見的方法：

1. 使用 `element.style` 屬性

你可以直接通過元素的 `style` 屬性來修改樣式。

```javascript

// 假設(shè)有一個(gè)id為'myElement'的元素

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

// 修改樣式

element.style.color = 'red';

element.style.fontSize = '20px';

```

2. 使用 `className` 屬性

通過修改元素的 `className` 屬性，你可以應(yīng)用一個(gè)已經(jīng)定義好的CSS類。

```javascript

// 假設(shè)有一個(gè)id為'myElement'的元素

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

// 添加一個(gè)類

element.className += ' my-class';

// 或者直接設(shè)置

element.className = 'my-class';

```

3. 使用 `classList` 屬性

`classList` 屬性允許你添加、移除或切換CSS類。

```javascript

// 假設(shè)有一個(gè)id為'myElement'的元素

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

// 添加一個(gè)類

element.classList.add('my-class');

// 移除一個(gè)類

element.classList.remove('my-class');

// 切換一個(gè)類

element.classList.toggle('my-class');

```

4. 使用 `querySelector` 或 `querySelectorAll`

如果你需要修改多個(gè)元素，可以使用 `querySelector` 或 `querySelectorAll`。

```javascript

// 修改所有class為'my-class'的元素的樣式

var elements = document.querySelectorAll('.my-class');

elements.forEach(function(element) {

element.style.color = 'red';

element.style.fontSize = '20px';