JavaScript是前端開發中最核心的編程語言之一，它可以通過修改CSS的方式實現網頁的動態效果。下面我們將詳細解釋如何使用JavaScript修改CSS。

首先，我們可以使用JavaScript修改元素的樣式。修改樣式的方式通常有兩種，一種是直接修改元素的style屬性，另一種是修改元素的class屬性。以直接修改style屬性為例：

var elem = document.getElementById("myDiv");
elem.style.backgroundColor = "#f1f1f1";
elem.style.color = "red";

在上面的示例中，我們通過getElementById()獲取了id為"myDiv"的元素，并使用style屬性修改了它的背景顏色和字體顏色。

如果我們要修改元素的class屬性，可以這樣做：

var elem = document.getElementById("myDiv");
elem.className = "newClass";

在上面的示例中，我們仍然使用getElementById()獲取了id為"myDiv"的元素，但是這次我們把它的class屬性修改為"newClass"。

除了上述兩種方式外，我們還可以使用JavaScript創建一個新的