在前端開發過程中，我們經常需要修改HTML元素的CSS屬性，以使網頁樣式更加美觀和符合設計要求。

我們可以通過JavaScript來動態地修改元素的CSS屬性，可以通過以下方式獲取元素：

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

其中，"elementId"為HTML元素的id屬性值。獲取元素之后，我們可以使用如下方式修改元素的CSS屬性：

element.style.property = "value";

其中，property為CSS屬性名，value為該屬性的值。例如，我們想修改一個div元素的背景顏色為紅色，可以這樣寫：

var divElement = document.getElementById("div1");
divElement.style.backgroundColor = "red";

除了使用style屬性來修改CSS屬性之外，我們還可以使用classList屬性來修改元素的class屬性值，從而改變元素的樣式。我們可以通過以下方式獲取元素：

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

其中，"elementId"為HTML元素的id屬性值。獲取元素之后，我們可以使用如下方式修改元素的class屬性：

element.classList.add("className");
element.classList.remove("className");

其中，"className"為要添加或刪除的class屬性值。例如，我們想將一個按鈕元素的背景色改變，在CSS中定義一個名為"btn-bg"的class屬性，可以這樣寫：

var btnElement = document.getElementById("btn1");
btnElement.classList.add("btn-bg");

這樣，按鈕元素的背景顏色便會變成我們在CSS中定義的樣式。