在學習前端開發中，我們都知道 JavaScript 是一種非常重要的編程語言。其中，JS 不僅可以進行 DOM 操作，實現動態效果，還可以修改 HTML 和 CSS，讓頁面更加美觀和實用。但是需要注意的是，JS 不能改變 CSS。

雖然我們可以使用 JS 修改樣式，比如元素的寬度、高度、字體顏色等等。但是這些操作最終直接作用的仍然是元素的 style 屬性。而且當我們在 CSS 文件中為該元素設置了相同的樣式時，這些操作會被覆蓋掉。

// HTML 代碼
<div id="box" style="width: 100px; height: 100px; background-color: red;"></div>
// JS 代碼
var box = document.getElementById("box");
box.style.width = "200px";
box.style.height = "200px";
box.style.background-color = "blue";

以上代碼中，使用 JS 修改了盒子寬度和高度并修改了背景顏色，但是會發現這樣操作后，只有寬度和高度被修改，背景顏色并未改變。這是因為 background-color 這個屬性中有一個橫桿（-），而在 JS 中使用橫桿來分隔單詞是被禁止的，所以需要使用駝峰式命名，修改為 backgroundColor。

此外，還需要注意的是在 JS 中修改樣式時可能會導致瀏覽器的性能下降，尤其是在使用循環操作大量元素時。因此我們應該盡量避免在 JS 中頻繁的操作樣式，可以通過添加/刪除 class 名稱的方式間接的修改樣式，這樣可以大大提高程序的效率。