JavaScript是一種用于網(wǎng)頁(yè)交互的腳本語(yǔ)言，可以通過(guò)操作DOM來(lái)改變網(wǎng)頁(yè)的外觀和行為。其中，修改CSS樣式對(duì)象是操作DOM的一個(gè)重要部分。在JavaScript中，可以使用Element.style屬性來(lái)獲取和修改元素的CSS樣式對(duì)象。

// 獲取元素
var element = document.getElementById("my-element");
// 獲取元素的樣式對(duì)象
var style = element.style;
// 修改樣式對(duì)象
style.backgroundColor = "red";
style.width = "100px";
style.height = "100px";

上面的代碼中，首先使用document.getElementById方法獲取HTML文檔中的id為“my-element”的元素。然后，通過(guò)element.style屬性獲取該元素的樣式對(duì)象。最后，通過(guò)修改樣式對(duì)象的屬性來(lái)改變?cè)氐耐庥^樣式。

除了直接修改樣式對(duì)象的屬性，還可以使用CSS樣式屬性名作為樣式對(duì)象的屬性名來(lái)修改。例如，要修改元素的字體大小，可以使用"fontSize"作為樣式對(duì)象的屬性名:

style.fontSize = "20px";

除了直接修改元素的樣式對(duì)象，還可以使用CSS類（class）來(lái)改變?cè)氐臉邮健Ｍㄟ^(guò)Element.classList屬性，可以對(duì)元素的類進(jìn)行操作，包括添加、刪除、切換等操作。

// 添加一個(gè)類
element.classList.add("my-class");
// 刪除一個(gè)類
element.classList.remove("my-class");
// 切換一個(gè)類
element.classList.toggle("my-class");

以上代碼中，通過(guò)element.classList屬性對(duì)元素的類進(jìn)行操作。例如，通過(guò)add方法可以添加一個(gè)名為“my-class”的類，通過(guò)remove方法可以刪除一個(gè)類，通過(guò)toggle方法可以切換一個(gè)類。

總結(jié)來(lái)說(shuō)，通過(guò)JavaScript修改CSS樣式對(duì)象可以實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)外觀的改變。使用Element.style屬性可以直接修改元素的CSS樣式對(duì)象，使用CSS類可以通過(guò)操作Element.classList屬性來(lái)改變?cè)氐臉邮健?/p>