在JavaScript中添加CSS樣式，可以通過操作DOM來實(shí)現(xiàn)，以下是一些常見的方法：
1、直接操作style屬性：
可以直接獲取到元素，然后操作它的style屬性來添加CSS樣式。
```javascript
const element = document.getElementById('myElement');
element.style.color = 'red';
element.style.backgroundColor = 'blue';
```
2、使用classList：
可以使用classList來添加、刪除或切換CSS類。
```javascript
const element = document.getElementById('myElement');
element.classList.add('myClass');
element.classList.remove('myClass');
element.classList.toggle('myClass');
```
3、使用setAttribute：
可以使用setAttribute方法來設(shè)置元素的樣式。
```javascript
const element = document.getElementById('myElement');
element.setAttribute('style', 'color: red; background-color: blue;');
```
4、使用CSSStyleSheet：
可以通過CSSStyleSheet來添加新的CSS規(guī)則。
```javascript
const styleSheet = document.styleSheets[0];
styleSheet.insertRule('body { color: red; }', 0);
```
5、使用JavaScript庫：
可以使用一些JavaScript庫，如jQuery，來更方便地操作CSS樣式。
```javascript
$('#myElement').css({ color: 'red', backgroundColor: 'blue' });
```
示例代碼
下面是一個(gè)完整的示例代碼，展示了如何在JavaScript中添加CSS樣式：
// 獲取元素并直接操作style屬性
const element = document.getElementById('myElement');
element.style.color = 'red';
element.style.backgroundColor = 'blue';
// 使用classList添加CSS類
element.classList.add('myClass');
element.classList.remove('myClass');
element.classList.toggle('myClass');
// 使用setAttribute設(shè)置樣式
element.setAttribute('style', 'color: red; background-color: blue;');
// 使用CSSStyleSheet添加規(guī)則
const styleSheet = document.styleSheets[0];
styleSheet.insertRule('body { color: red; }', 0);在這個(gè)示例中，我們首先通過document.getElementById獲取了一個(gè)元素，然后直接操作它的style屬性來添加CSS樣式，我們使用classList來添加、刪除或切換CSS類，我們使用setAttribute方法來設(shè)置元素的樣式，我們通過CSSStyleSheet來添加新的CSS規(guī)則。
