本文目錄導(dǎo)讀：

1. 獲取元素并設(shè)置樣式
2. 使用CSS類
3. 利用動態(tài)創(chuàng)建和修改樣式表

在網(wǎng)頁開發(fā)中，JavaScript與CSS的結(jié)合使用是非常常見的，它們共同協(xié)作以實(shí)現(xiàn)動態(tài)和交互式的網(wǎng)頁效果，在JavaScript中操作CSS樣式，我們可以為頁面上的文字添加各種豐富的樣式效果，下面，我們將探討如何在JavaScript中為文字添加CSS樣式。

獲取元素并設(shè)置樣式

我們需要通過JavaScript獲取到需要添加樣式的文字元素，可以使用document.getElementById、document.querySelector等方法來選擇元素，通過改變元素的style屬性來設(shè)置樣式。

// 獲取元素
let textElement = document.getElementById('myText');
// 設(shè)置樣式
textElement.style.color = 'red'; // 更改文字顏色為紅色
textElement.style.fontSize = '20px'; // 設(shè)置文字大小為20像素

使用CSS類

除了直接操作style屬性，我們還可以使用JavaScript來操作元素的class屬性，通過添加、移除或切換CSS類來改變文字的樣式。

// 獲取元素
let textElement = document.getElementById('myText');
// 添加CSS類
textElement.classList.add('myStyleClass'); // 添加一個名為myStyleClass的CSS類到元素上
// 移除CSS類
textElement.classList.remove('myStyleClass'); // 從元素上移除名為myStyleClass的CSS類
// 切換CSS類
textElement.classList.toggle('myStyleClass'); // 切換名為myStyleClass的CSS類的存在狀態(tài)

這里的myStyleClass是在CSS中預(yù)先定義好的樣式類。

利用動態(tài)創(chuàng)建和修改樣式表

對于更復(fù)雜的樣式需求，我們可以動態(tài)創(chuàng)建和修改樣式表，通過創(chuàng)建新的style元素并將其添加到head元素中，我們可以動態(tài)添加新的CSS規(guī)則。

// 創(chuàng)建style元素
let style = document.createElement('style');
style.type = 'text/css'; // 定義style元素的類型
let cssRule = '.myDynamicClass { color: blue; font-size: 24px; }'; // 定義CSS規(guī)則字符串
style.innerHTML = cssRule; // 將CSS規(guī)則添加到style元素中
document.head.appendChild(style); // 將style元素添加到head元素中
// 應(yīng)用樣式到元素上
textElement.classList.add('myDynamicClass'); // 應(yīng)用新創(chuàng)建的樣式類到元素上
``` 
以上就是在JavaScript中為文字添加CSS樣式的幾種常見方法，在實(shí)際開發(fā)中，可以根據(jù)具體需求和場景選擇合適的方法來實(shí)現(xiàn)樣式的動態(tài)調(diào)整。