在JavaScript中添加CSS樣式的方法有多種，以下是一些常見(jiàn)的方法：

1、直接操作樣式表：

在JavaScript中，你可以直接操作HTML元素的樣式表，假設(shè)你有一個(gè)元素，其id為"myElement"，你可以通過(guò)以下方式添加樣式：

document.getElementById('myElement').style.color = 'red';

這會(huì)將元素的文字顏色設(shè)置為紅色。

2、使用classList：

JavaScript的classList屬性允許你添加、刪除和切換元素的類，這可以用來(lái)應(yīng)用預(yù)定義的樣式。

document.getElementById('myElement').classList.add('myClass');

這會(huì)將"myClass"類添加到元素上，然后你就可以在CSS中定義".myClass"的樣式了。

3、操作CSSStyleSheet：

JavaScript允許你操作CSSStyleSheet對(duì)象，這可以用來(lái)動(dòng)態(tài)添加新的樣式規(guī)則。

var styleSheet = document.styleSheets[0]; // 獲取***個(gè)樣式表
var rule = styleSheet.insertRule('body { color: red; }', 0); // 在樣式表中添加新規(guī)則，將body的文字顏色設(shè)置為紅色

這種方法可以讓你更靈活地控制樣式，但可能需要更多的代碼來(lái)管理樣式表。

4、使用style屬性：

除了直接操作元素外，你還可以使用style屬性來(lái)添加樣式。

var style = document.createElement('style'); // 創(chuàng)建一個(gè)新的style元素
style.innerHTML = 'body { color: red; }'; // 設(shè)置style元素的樣式規(guī)則
document.head.appendChild(style); // 將style元素添加到head中，使樣式生效

這種方法可以讓你在不修改現(xiàn)有元素的情況下添加新的樣式規(guī)則。

JavaScript提供了多種方法來(lái)添加CSS樣式，你可以根據(jù)你的具體需求選擇***合適的方法。