在網頁開發中，經常需要改變元素的多個CSS樣式，比如改變文本顏色、字體大小、背景顏色等。以下是一些常見的方法：

// 方案1：逐個修改樣式屬性
document.getElementById("myElement").style.color = "red";
document.getElementById("myElement").style.fontSize = "16px";
document.getElementById("myElement").style.backgroundColor = "yellow";
// 方案2：使用CSS類
// CSS樣式
.myClass {
color: red;
font-size: 16px;
background-color: yellow;
}
// JavaScript
document.getElementById("myElement").classList.add("myClass");
// 方案3：使用CSS變量
// CSS樣式
:root {
--text-color: red;
--font-size: 16px;
--bg-color: yellow;
}
#myElement {
color: var(--text-color);
font-size: var(--font-size);
background-color: var(--bg-color);
}
// JavaScript
document.documentElement.style.setProperty("--text-color", "red");
document.documentElement.style.setProperty("--font-size", "16px");
document.documentElement.style.setProperty("--bg-color", "yellow");

方案1需要逐個修改每個樣式屬性，比較麻煩且難以維護。方案2使用CSS類可以簡化代碼，但需要提前定義好類樣式。方案3使用CSS變量，可以靈活修改樣式值，但需要在HTML根元素上定義變量。

在實際開發中，可根據具體情況選擇合適的方案進行樣式修改。