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

1、直接操作樣式表：

JavaScript可以直接操作HTML元素的樣式表，通過(guò)style屬性來(lái)添加或修改CSS樣式。

// 獲取元素并添加樣式
var element = document.getElementById('myElement');
element.style.color = 'red'; // 將文本顏色設(shè)置為紅色
element.style.fontSize = '16px'; // 將字體大小設(shè)置為16像素

2、使用classList：

JavaScript的classList屬性提供了一種方便的方式來(lái)添加、刪除和切換CSS類(lèi)。

// 獲取元素并添加類(lèi)
var element = document.getElementById('myElement');
element.classList.add('myClass'); // 添加類(lèi)'myClass'

3、操作CSSStyleSheet：

JavaScript可以通過(guò)CSSStyleSheet接口來(lái)操作樣式表，這種方法更加底層，但功能更強(qiáng)大。

// 獲取樣式表并添加規(guī)則
var stylesheet = document.styleSheets[0]; // 獲取***個(gè)樣式表
var rule = stylesheet.insertRule('body { background-color: blue; }', 0); // 在樣式表中添加規(guī)則，將背景顏色設(shè)置為藍(lán)色

4、使用<style>：

在HTML中直接使用<style>標(biāo)簽來(lái)定義CSS樣式，然后通過(guò)JavaScript來(lái)操作這個(gè)樣式表。

// 獲取樣式表并添加規(guī)則
var styleElement = document.createElement('style'); // 創(chuàng)建一個(gè)新的style元素
styleElement.innerHTML = 'body { background-color: blue; }'; // 設(shè)置樣式規(guī)則，將背景顏色設(shè)置為藍(lán)色
document.head.appendChild(styleElement); // 將style元素添加到head中

是幾種在JavaScript中添加CSS樣式的方法，每種方法都有其適用的場(chǎng)景和優(yōu)缺點(diǎn)，在實(shí)際開(kāi)發(fā)中，可以根據(jù)具體需求選擇***合適的方法。