DOM（文檔對(duì)象模型）是一種將 HTML 文檔表示成樹(shù)形結(jié)構(gòu)的 API（應(yīng)用程序接口），它允許開(kāi)發(fā)者通過(guò)編程方式修改 HTML 元素和樣式。下面來(lái)看一下如何使用 DOM 設(shè)置 HTML 樣式。

// 獲取要設(shè)置樣式的元素
var element = document.getElementById("myElement");
// 設(shè)置元素的背景顏色和字體大小
element.style.backgroundColor = "blue";
element.style.fontSize = "20px";

在上述代碼中，我們首先調(diào)用document.getElementById方法獲取了要設(shè)置樣式的元素。然后，我們通過(guò)element.style來(lái)設(shè)置該元素的樣式屬性，其中backgroundColor表示背景顏色，fontSize表示字體大小。

除了基本的 CSS 樣式屬性之外，我們還可以使用 DOM 設(shè)置其他 CSS 屬性，比如文本顏色、字體類(lèi)型、邊框樣式等等。例如：

// 設(shè)置元素的文本顏色和字體類(lèi)型
element.style.color = "white";
element.style.fontFamily = "Arial";
// 設(shè)置元素的邊框樣式和寬度
element.style.borderStyle = "solid";
element.style.borderWidth = "2px";

使用 DOM 設(shè)置樣式的好處在于可以在頁(yè)面加載后動(dòng)態(tài)改變 HTML 元素的樣式，從而實(shí)現(xiàn)更靈活的交互效果。此外，使用 DOM 可以避免在 HTML 中使用過(guò)多的樣式屬性，使頁(yè)面結(jié)構(gòu)更加清晰易懂。