JavaScript可以用來控制HTML頁面中的 CSS 樣式。在頁面上添加，更新或刪除 CSS 樣式的最常見方法之一是使用JavaScript。

在JavaScript 中，可以使用以下方法來添加樣式：

element.style.property = "value";

其中 element 是指要添加CSS樣式的頁面元素，property 是要添加的CSS屬性，value 是屬性的值。

例如：要將id為"demo"的元素的背景顏色設置為紅色，可以使用以下代碼：

document.getElementById("demo").style.backgroundColor = "red";

注意，屬性名稱中的連字符（-）需要被替換為駝峰式寫法，例如：background-color 變為 backgroundColor。

此外，還可以使用以下代碼來修改元素的class屬性：

element.classList.add("class");

其中， element 是指要修改class屬性的頁面元素，class 是要添加的CSS類名。

例如：要將一個id為"demo"的元素的class屬性添加一個名為"red"的類，可以使用以下代碼：

document.getElementById("demo").classList.add("red");

使用JavaScript修改CSS樣式可以在很大程度上提高頁面的動態性和互動性，但也要注意樣式修改的性能和兼容性問題。