在前端開發(fā)中，經(jīng)常會遇到需要更改控件的樣式的情況。而在JavaScript中，我們可以使用以下方式來修改控件的CSS樣式：

// 選擇要更改樣式的控件
var element = document.getElementById("myButton");
// 修改控件的CSS樣式
element.style.backgroundColor = "red";
element.style.color = "white";
element.style.borderRadius = "5px";

以上代碼中，我們先通過getElementById方法獲取到要更改樣式的控件，然后使用style屬性來設(shè)置控件的CSS樣式。其中，style屬性是一個CSSStyleDeclaration對象，它包含了控件所有的CSS樣式屬性。

在設(shè)置CSS樣式時，我們可以直接使用駝峰式命名法來書寫CSS屬性名，如backgroundColor、color等。如果屬性名中包含短橫線，我們需要使用駝峰式命名法將其轉(zhuǎn)換為大寫字母開頭的單詞，如border-radius需要寫成borderRadius。

除了直接修改style屬性以外，我們還可以使用classList屬性來添加、刪除和切換控件的CSS類。例如：

// 選擇要更改樣式的控件
var element = document.getElementById("myButton");
// 添加CSS類
element.classList.add("buttonStyle");
// 刪除CSS類
element.classList.remove("oldStyle");
// 切換CSS類
element.classList.toggle("active");

以上代碼中，我們通過classList屬性來添加、刪除和切換控件的CSS類。其中，add方法可以添加一個或多個CSS類，remove方法可以刪除一個或多個CSS類，toggle方法可以在CSS類存在時刪除它，不存在時添加它。

通過以上的方法，我們可以輕松地修改任意控件的CSS樣式，從而實(shí)現(xiàn)頁面的美化和交互效果。