在網站開發中，我們經常需要通過 JavaScript 來動態地修改網頁的樣式。要想實現這個功能，我們不可避免地需要修改 CSS 狀態。下面我們來看一下如何使用 JavaScript 設置 CSS 狀態。

// 一般情況下，我們可以通過獲取 DOM 節點來修改 CSS 狀態
// 獲取 DOM 節點的方式有很多種，比如通過 id 獲取
var element = document.getElementById("example");
element.style.color = "red";
element.style.fontSize = "20px";
element.style.backgroundColor = "gray";
// 除了通過 id 獲取，還可以使用其他屬性選擇器獲取 DOM 節點
var elements = document.querySelectorAll("p");
for (var i = 0; i< elements.length; i++) {
elements[i].style.color = "blue";
elements[i].style.textDecoration = "underline";
}
// 如果我們需要修改的 CSS 樣式比較多，可以通過設置 CSS 類來實現
// 首先定義一個 CSS 類
.highlight {
color: red;
background-color: yellow;
}
// 然后使用 JavaScript 來設置這個 CSS 類
var element = document.getElementById("example");
element.classList.add("highlight"); // 添加 CSS 類
element.classList.remove("highlight"); // 移除 CSS 類
element.classList.toggle("highlight"); // 切換 CSS 類狀態

除了上述方法外，還可以使用 jQuery 等 JavaScript 庫來快速修改 CSS 狀態。

總之，通過 JavaScript 設置 CSS 狀態是網站開發中常用的功能。掌握這個技能可以幫助我們更靈活地控制網頁的樣式。