在JavaScript中使用CSS，我們可以通過操作CSS樣式表或者操作HTML元素的樣式屬性來實(shí)現(xiàn)，下面是一些常見的使用方法：
1、操作CSS樣式表：
我們可以通過JavaScript動態(tài)地添加、刪除或修改CSS規(guī)則，我們可以使用CSSStyleSheet接口的addRule方法添加新的CSS規(guī)則：
```javascript
let styleSheet = document.styleSheets[0];
styleSheet.addRule('body', 'background-color: blue');
```
或者使用insertRule方法插入新的CSS規(guī)則：
```javascript
styleSheet.insertRule('div { color: red }', 0);
```
2、操作HTML元素的樣式屬性：
我們可以直接通過JavaScript操作HTML元素的樣式屬性，給段落文本添加背景顏色：
```javascript
let para = document.getElementById('para');
para.style.backgroundColor = 'yellow';
```
或者使用setAttribute方法設(shè)置樣式屬性：
```javascript
para.setAttribute('style', 'color: green; font-size: 20px');
```
3、使用CSS類：
我們可以使用JavaScript動態(tài)地添加、刪除或修改HTML元素的CSS類，給段落文本添加一個(gè)新的CSS類：
```javascript
let para = document.getElementById('para');
para.classList.add('highlight');
```
或者使用classList.remove方法移除一個(gè)CSS類：
```javascript
para.classList.remove('highlight');
```
4、使用CSS偽類：
我們可以使用JavaScript操作CSS偽類，給段落文本添加鼠標(biāo)懸停效果：
```javascript
let para = document.getElementById('para');
para.style.backgroundColor = 'blue'; // 默認(rèn)背景色
para.style.backgroundColor = 'yellow'; // 鼠標(biāo)懸停背景色
```
或者使用addEventListener方法添加鼠標(biāo)事件處理函數(shù)：
```javascript
para.addEventListener('mouseover', function() {
this.style.backgroundColor = 'yellow'; // 鼠標(biāo)懸停背景色
});
para.addEventListener('mouseout', function() {
this.style.backgroundColor = 'blue'; // 默認(rèn)背景色
});
```
是一些在JavaScript中使用CSS的基本方法，通過掌握這些技巧，你可以輕松地在JavaScript中控制和管理CSS樣式。
