JavaScript（JS）是一種腳本語言，主要用于網站開發和交互式頁面的創建。其中，修改 CSS 樣式表是常見的操作之一。本文將介紹如何使用 JS 修改 CSS 樣式。

// 獲取元素
var element = document.getElementById("example");
// 修改 CSS 樣式
element.style.color = "red";
element.style.fontSize = "20px";
element.style.backgroundColor = "yellow";

首先，需要獲取要修改的元素。在代碼中，我們使用了getElementById()方法來獲取 ID 為 "example" 的元素。

接下來，我們可以使用style屬性來修改 CSS 樣式。其中，屬性名稱應該使用駝峰式命名法，如 "fontSize"，而非 "font-size"。

在本例中，我們將文本顏色改變為紅色，字體大小為 20 像素，并設置背景顏色為黃色。這些 CSS 樣式將應用于 ID 為 "example" 的元素。

需要注意的是，通過 JavaScript 修改 CSS 樣式會將新樣式應用于元素的style屬性中，而不是樣式表中。如果我們需要修改的樣式在樣式表中定義過，可以使用document.styleSheets屬性和insertRule()方法來動態添加 CSS 規則。

// 獲取樣式表
var sheet = document.styleSheets[0];
// 添加新規則
sheet.insertRule("#example {color: blue;}", 0);

在上述代碼中，我們獲取了第一個樣式表，并使用insertRule()方法在第一個位置插入了一條新的規則。該規則將把 ID 為 "example" 的元素顏色設置為藍色。

通過上述方法，我們可以使用 JavaScript 動態修改 CSS 樣式，實現更加靈活和動態的頁面效果。