CSS（Cascading Style Sheets）是用于設置HTML文檔樣式的一種標記語言，通過改變CSS樣式可以改變網頁的顯示效果。而DOM（Document Object Model）則是網頁的對象模型，用于操作HTML頁面中的元素。通過DOM操作，我們可以改變HTML頁面的文本和樣式效果。下面我們來介紹如何使用DOM操作CSS樣式。

// 獲取元素
var element = document.getElementById("elementId");
// 修改元素樣式
element.style.color = "red";
element.style.fontSize = "20px";

上面的代碼中，首先通過getElementById方法獲取id為“elementId”的元素，然后通過element.style來操作元素的樣式。在這里我們修改了元素的字體顏色和字號。

下面再來看一下如何使用CSS選擇器來獲取元素并操作它的樣式。

// 獲取元素
var elements = document.querySelectorAll(".className");
// 修改元素樣式
for(var i=0; i
在上述代碼中，我們使用了querySelectorAll方法來獲取所有class為“className”的元素，并使用for循環遍歷每一個元素，修改它們的背景顏色和邊框。這里介紹了一種批量修改元素樣式的方法。
總之，DOM操作CSS樣式可以讓我們動態地改變網頁的樣式效果，從而使頁面更加豐富多彩。我們可以通過獲取元素和修改樣式等操作，實現對元素樣式的動態修改。希望本篇文章對您有所幫助。