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

1. 內(nèi)聯(lián)樣式
2. 操作CSS類
3. 創(chuàng)建和添加新的CSS樣式表

在網(wǎng)頁開發(fā)中，JavaScript（JS）和CSS樣式是不可或缺的兩個部分，雖然JS主要用于實(shí)現(xiàn)網(wǎng)頁的交互功能，但我們?nèi)匀豢梢栽贘S中操作和管理CSS樣式，下面是一些常見的方法。

內(nèi)聯(lián)樣式

在JavaScript中，我們可以通過操作元素的style屬性來添加或修改內(nèi)聯(lián)樣式。

document.getElementById("myElement").style.color = "red";  // 改變元素的顏色
document.getElementById("myElement").style.fontSize = "20px";  // 改變元素的字體大小

操作CSS類

另一種常見的方式是通過JavaScript操作元素的className屬性來添加或刪除CSS類。

var element = document.getElementById("myElement");  // 獲取元素
element.classList.add("myClass");  // 添加類
element.classList.remove("myClass");  // 刪除類

創(chuàng)建和添加新的CSS樣式表

在某些情況下，我們可能需要動態(tài)創(chuàng)建和添加新的CSS樣式表，這可以通過創(chuàng)建新的style元素并添加到文檔中來實(shí)現(xiàn)：

var style = document.createElement('style');  // 創(chuàng)建style元素
var css = 'body {background-color: blue;}';  // 創(chuàng)建CSS樣式字符串
style.type = 'text/css';  // 設(shè)置style元素的類型
style.innerHTML = css;  // 將CSS樣式字符串添加到style元素中
document.head.appendChild(style);  // 將style元素添加到文檔的head部分

就是JavaScript操作CSS樣式的一些常見方法，在實(shí)際開發(fā)中，我們可以根據(jù)具體的需求選擇合適的方法，我們也需要注意，雖然JavaScript可以動態(tài)地改變頁面的樣式，但過度的使用可能會導(dǎo)致代碼復(fù)雜且難以維護(hù)，在設(shè)計(jì)網(wǎng)頁時，我們應(yīng)盡可能地使用CSS來實(shí)現(xiàn)靜態(tài)的樣式和布局，只在必要時才使用JavaScript來改變樣式。