JavaScript（JS）是一種高級編程語言，廣泛應用于網站開發中。JS 不僅可以控制網頁的行為，還可以修改網頁的樣式。CSS 樣式表是控制網頁樣式的一種技術。那么，JS 如何操作 CSS 樣式表呢？

// 獲取元素
const element = document.getElementById('example');
// 操作樣式
element.style.color = 'red';
element.style.backgroundColor = 'yellow';
element.style.fontSize = '20px';

在上面的代碼中，我們首先獲取 HTML 元素，然后使用 element.style 對元素的 CSS 樣式表進行操作。可以設置元素的 color （字體顏色）、backgroundColor （背景色）和 fontSize （字體大小）等樣式。

除了通過 JS 直接設置元素樣式，我們還可以使用 classList 屬性添加、刪除、切換 CSS 類。假設我們有一個按鈕，想讓它在點擊時切換類 "active"：

// 獲取按鈕
const button = document.querySelector('button');
// 監聽按鈕點擊事件
button.addEventListener('click', () =>{
// 切換類
button.classList.toggle('active');
});

在上面代碼中，我們首先獲取了一個按鈕（通過 querySelector），然后使用 addEventListener 監聽按鈕的點擊事件。當按鈕被點擊時，我們使用 classList.toggle 方法切換按鈕的類。其實，也可以使用 add 和 remove 方法添加、移除類。

上面的例子只是一個簡單的應用，事實上，JS 操作 CSS 樣式表的應用非常廣泛，例如：動態生成 CSS 樣式表，根據瀏覽器尺寸修改元素樣式等等。如果想深入了解，建議多了解 JS 的 DOM 操作。