JavaScript是一種基于網頁的腳本語言，它與HTML和CSS一起構成了Web開發的三大基石。在JavaScript中，可以通過操作CSS樣式來實現網頁的動態效果和交互功能。接下來，我們來學習一下在JavaScript中如何使用CSS樣式。

在JavaScript中，可以通過document對象來訪問網頁上的元素。通過document對象的屬性和方法，可以獲取或者修改元素的屬性和樣式。比如，可以通過document.getElementById()方法獲取指定ID的元素，然后通過style屬性來修改此元素的CSS樣式。

// 獲取id為"myDiv"的元素
var myDiv = document.getElementById("myDiv");
// 修改背景顏色
myDiv.style.backgroundColor = "red";
// 修改字體大小
myDiv.style.fontSize = "20px";

除了使用style屬性來修改CSS樣式之外，還可以使用className屬性來修改元素的class屬性。通過修改class屬性，可以實現更加復雜的樣式控制。

// 獲取id為"myDiv"的元素
var myDiv = document.getElementById("myDiv");
// 修改class屬性
myDiv.className = "myClass";

此外，在JavaScript中還可以動態地創建、修改和刪除CSS樣式表。通過創建style元素、創建CSS樣式規則等操作，可以實現更為靈活和復雜的樣式控制。

// 創建style元素
var style = document.createElement("style");
// 添加樣式規則
style.innerHTML = "body {background-color: yellow;}";
// 將style元素添加到head元素中
document.head.appendChild(style);

總之，在JavaScript中，可以使用不同的方法和技巧來操作CSS樣式，實現網頁動態效果和交互功能。需要注意的是，在使用JavaScript修改CSS樣式的過程中，要注意兼容性和性能問題，避免引起不必要的Bug和性能問題。