標題：使用 JavaScript 調用 CSS 樣式

隨著現代網頁的發展，越來越多的網站開始使用 CSS 樣式來美化頁面，但有時候我們需要在 JavaScript 中調用 CSS 樣式。在這種情況下，我們需要使用 JavaScript 和 CSS 之間的橋梁——JavaScript 樣式函數。

JavaScript 樣式函數是一種函數，可以將 CSS 樣式傳遞給 JavaScript，以便在 JavaScript 中應用樣式。它們通常用于在 JavaScript 中動態更改樣式，例如，當用戶滾動頁面時，將滾動條的樣式更改為紅色。

以下是一個簡單的例子，展示如何使用 JavaScript 樣式函數來更改頁面的樣式：

```javascript

// 定義一個樣式函數，將 CSS 樣式傳遞給 JavaScript

function changeColor(color) {

document.getElementById("myDiv").style.color = color;

// 使用樣式函數來更改頁面的樣式

changeColor("red");

在上面的例子中，我們定義了一個名為`changeColor`的樣式函數，它接受一個參數`color`，該參數是 CSS 顏色值。然后，我們使用`changeColor`函數來更改頁面中的`#myDiv`元素的樣式，該元素的ID為`myDiv`，并將其顏色更改為指定的顏色值`red`。

使用 JavaScript 樣式函數可以使我們更容易地更改樣式，而無需更改 HTML 代碼。我們還可以將多個 CSS 樣式傳遞給 JavaScript 函數，以便在 JavaScript 中應用多個樣式。

當然，并不是所有情況都需要使用 JavaScript 樣式函數。例如，如果只需要更改單個元素的顏色，那么可以直接使用該元素的 CSS 樣式。如果需要更多的靈活性和可重復性，則使用 JavaScript 樣式函數是一個不錯的選擇。

總之，JavaScript 樣式函數是使用 CSS 樣式并將其傳遞給 JavaScript 的一種好方法，可以使我們在 JavaScript 中動態更改樣式，并提高網頁的可訪問性和可讀性。