在JavaScript中，可以使用多種方法動態(tài)添加CSS樣式，以下是一些常見的做法：
1、使用style屬性：
- 你可以通過操作HTML元素的style屬性來添加樣式，給頁面上的所有段落添加背景色：
```javascript
var paragraphs = document.getElementsByTagName('p');
for (var i = 0; i < paragraphs.length; i++) {
paragraphs[i].style.backgroundColor = 'yellow';
}
```
2、使用CSSStyleSheet：
- 通過CSSStyleSheet對象，可以動態(tài)添加新的樣式規(guī)則。
```javascript
var styleSheet = document.styleSheets[0]; // 假設這是你要操作的樣式表
styleSheet.insertRule('p { background-color: yellow; }', styleSheet.length);
```
3、使用createElement和appendChild：
- 創(chuàng)建一個新的style元素，并將其添加到文檔的head部分：
```javascript
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'p { background-color: yellow; }';
document.head.appendChild(style);
```
4、使用MutationObserver：
- 使用MutationObserver可以監(jiān)控樣式的變化，并在需要時動態(tài)添加樣式。
```javascript
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'childList') {
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'p { background-color: yellow; }';
mutation.target.appendChild(style);
}
});
});
observer.observe(document, { childList: true, subtree: true });
```
這些方法是動態(tài)添加CSS樣式的常見方式，你可以根據(jù)自己的需求選擇***適合的方法，記得在實際應用中測試這些方法，以確保它們符合你的期望。
