JavaScript 添加 Style JavaScript 可以動態地添加和修改 HTML 的樣式，這就是通過對樣式屬性進行增加、刪除和更新來實現。這個功能是非常有用的，因為它允許我們在不刷新整個頁面的情況下改變頁面的外觀。這意味著我們可以根據用戶的交互或其他條件來“動態地”更新頁面，而無需重新加載整個網站。 下面是幾種使用 JavaScript 添加 Style 的方法： 一、使用 JavaScript 控制 class 在 HTML 中，我們可以使用 class 屬性為元素分配樣式，而在 JavaScript 中，我們可以使用類名來選擇元素并添加、刪除或替換其 class。以下示例添加一個新的 class 名稱為 new-class： ```html

這是一個文本段落。

``` ```javascript var element = document.querySelector(".old-class"); element.classList.add("new-class"); ``` 二、使用 JavaScript 控制元素的 ID 在 HTML 中，我們使用 ID 屬性為元素分配唯一的標識符，而在 JavaScript 中，我們可以使用元素的 ID 屬性來對其進行操作。以下示例向元素添加新的 CSS 屬性： ```html

這是一個文本段落。

``` ```javascript var element = document.getElementById("text"); element.style.color = "red"; element.style.fontSize = "24px"; ``` 三、使用 JavaScript 控制元素的樣式 在 JavaScript 中，我們可以使用元素的 style 屬性來設置其樣式。以下示例將首先選擇 body 元素，然后將其背景顏色設置為紅色： ```html

這是一個文本段落。

``` ```javascript var element = document.querySelector("body"); element.style.backgroundColor = "red"; ``` 總結 在本文中，我們探討了 JavaScript 添加 Style 的幾種方法。這些方法都可以讓我們動態地更新頁面樣式，從而實現更高級的交互效果。我們可以使用類名、元素的 ID 或直接操作元素的樣式來實現這些效果。要注意，JavaScript 添加樣式時應該避免過度依賴，以減少代碼的維護難度。