在JavaScript中，我們可以通過(guò)操作CSS樣式表來(lái)修改HTML元素的樣式，以下是一些常見(jiàn)的操作：

1、獲取元素的樣式：使用style屬性來(lái)獲取或設(shè)置元素的樣式，獲取一個(gè)元素的背景顏色：

var bgColor = document.getElementById('myElement').style.backgroundColor;

2、設(shè)置元素的樣式：同樣使用style屬性來(lái)設(shè)置樣式，設(shè)置一個(gè)元素的背景顏色：

document.getElementById('myElement').style.backgroundColor = 'blue';

3、添加或刪除樣式：可以使用classList屬性來(lái)添加或刪除類(lèi)，給元素添加一個(gè)新類(lèi)：

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

4、修改樣式表：可以直接操作樣式表來(lái)修改樣式，修改一個(gè)類(lèi)的樣式：

var styleSheet = document.styleSheets[0]; // 獲取***個(gè)樣式表
var cssRule = styleSheet.insertRule('div.myClass { background-color: blue; }', styleSheet.length); // 插入新規(guī)則

5、使用CSSOM：CSSOM（CSS Object Model）是一個(gè)接口，允許JavaScript操作CSS樣式，獲取所有應(yīng)用了某個(gè)類(lèi)的元素：

var elements = document.getElementsByClassName('myClass'); // 獲取所有應(yīng)用了'myClass'類(lèi)的元素

6、監(jiān)聽(tīng)樣式變化：可以使用MutationObserver來(lái)監(jiān)聽(tīng)樣式變化，當(dāng)樣式發(fā)生變化時(shí)執(zhí)行某個(gè)操作：

var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.type === 'attributes') {
      // 樣式發(fā)生變化，執(zhí)行操作
    }
  });
});
observer.observe(document, { attributes: true }); // 開(kāi)始觀察樣式變化

這些操作可以幫助你在JavaScript中靈活地修改CSS樣式，實(shí)現(xiàn)更豐富的交互和動(dòng)態(tài)效果。