DOM（Document Object Model）是一種用來操作HTML和XML文檔的編程接口。DOM提供了一種方便的方式來訪問和操作文檔的內容、結構和樣式。要操作DOM中的CSS樣式，可以使用JavaScript的API：CSSStyleDeclaration對象。

// 獲取樣式
var element = document.getElementById("box");
var style = window.getComputedStyle(element);
// 修改樣式
style.backgroundColor = "red";
style.color = "white";

上述代碼首先利用getElementById方法獲取一個元素，接著使用getComputedStyle方法獲取該元素的計算樣式。通過CSSStyleDeclaration對象可以修改元素的CSS樣式，如修改背景色和文字顏色。

CSSStyleDeclaration對象的屬性值為字符串類型，但是它可以使用JavaScript的API來添加和刪除樣式類，如下所示：

// 添加樣式類
element.classList.add("active");
// 刪除樣式類
element.classList.remove("active");

上述代碼分別使用classList屬性的add和remove方法來添加和刪除樣式類。這種方式可以避免直接操作樣式屬性帶來的副作用，同時也可以方便地進行樣式切換。

在DOM操作CSS樣式時，需要注意以下幾點：

• 樣式屬性名需要遵循CSS規范，如backgroundColor代表背景顏色。
• 通過DOM操作樣式時，會改變元素的計算樣式而不是顯式樣式，所以需要使用getComputedStyle方法來獲取計算樣式。
• 在添加和刪除樣式類時，需要注意樣式類名的正確性，否則可能會導致樣式無效或異常。