在Web開(kāi)發(fā)中，動(dòng)態(tài)地改變頁(yè)面元素的樣式是非常重要的。這可以通過(guò)JavaScript中的DOM操作實(shí)現(xiàn)。DOM代表Document Object Model，它是用于表示HTML和XML文檔的樹(shù)形結(jié)構(gòu)。通過(guò)DOM，我們可以訪問(wèn)和操作HTML元素，包括改變?cè)氐臉邮健?/p>

改變?cè)氐臉邮叫枰L問(wèn)其CSS屬性。在JavaScript中，我們可以使用element.style屬性來(lái)獲取和修改元素的CSS屬性。例如，下面的代碼將改變id為myDiv的元素的背景顏色為紅色：

var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "red";

在這個(gè)例子中，我們首先使用document.getElementById方法獲取id為myDiv的元素。然后，我們使用element.style.backgroundColor屬性來(lái)改變?cè)氐谋尘邦伾?。在這種情況下，我們將顏色設(shè)置為紅色。

除了改變單個(gè)屬性，我們還可以通過(guò)DOM改變?cè)氐亩鄠€(gè)CSS屬性。例如，下面的代碼將更改元素的背景顏色和文字顏色：

var myDiv = document.getElementById("myDiv");
myDiv.style.backgroundColor = "red";
myDiv.style.color = "white";

在這里，我們首先訪問(wèn)myDiv元素并改變其背景顏色為紅色。然后，我們通過(guò)改變?cè)氐腸olor屬性將文字顏色更改為白色。

需要注意的是，通過(guò)element.style屬性只能訪問(wèn)和改變內(nèi)聯(lián)樣式（即直接在HTML元素中聲明的樣式）。要改變外部樣式表中定義的樣式，我們可以使用其他方法，例如獲取元素的className屬性并改變其值。例如，下面的代碼將更改元素的class名稱：

var myDiv = document.getElementById("myDiv");
myDiv.className = "new-class";

通過(guò)這種方法，我們可以將元素樣式的控制權(quán)從JavaScript代碼轉(zhuǎn)移到CSS樣式表中，使樣式更易于管理。