DOM是Document Object Model的縮寫，中文可以翻譯為"文檔對象模型"，它是一種用于操作HTML和XML文檔的API。這篇文章將介紹如何使用DOM來設置CSS樣式。

要設置CSS樣式，需要先找到要設置的元素?？梢允褂肈OM提供的getElementsByClassName、getElementById、getElementsByTagName等方法來獲取元素。例如：

var element = document.getElementById("demo");

上面這段代碼將獲取id為"demo"的元素。

然后，可以使用element.style來設置元素的樣式。例如，下面的代碼將把元素的背景顏色設置為紅色：

element.style.backgroundColor = "red";

可以使用element.style再設置其他樣式，如字體、邊框等。例如，下面的代碼將元素的字體設置為14號宋體：

element.style.font = "14px SimSun";

還可以使用element.classList來操作元素的類名。例如，下面的代碼將給元素添加一個名為"new-class"的類：

element.classList.add("new-class");

上述代碼完成后，可以在CSS文件中定義"new-class"類的樣式。

最后，使用DOM設置的樣式是inline-style，具有最高的優先級。如果想要使用CSS文件中的樣式，可以使用element.className來設置元素的類名。例如，下面的代碼將元素的類名改為"old-class"：

element.className = "old-class";

總的來說，使用DOM設置CSS樣式的步驟如下：

1. 通過getElementsByClassName、getElementById、getElementsByTagName等方法獲取元素；
2. 使用element.style設置元素的樣式，或使用element.classList設置元素的類名；
3. 如果需要使用CSS文件中的樣式，可以使用element.className設置元素的類名。