在網頁設計中，CSS樣式無疑是非常重要的一部分。通過CSS樣式，我們可以讓網頁變得更加美觀、易于閱讀。而JavaScript（簡稱JS）則為我們提供了操作CSS樣式的能力。接下來，我們將介紹JS操作CSS樣式的方法。

//獲取元素對象
let element = document.getElementById("myId");
//改變元素樣式
element.style.color = "red";
element.style.fontSize = "20px";
element.style.backgroundColor = "#f0f0f0";
//獲取元素樣式
let color = element.style.color;
let fontSize = element.style.fontSize;
let backgroundColor = element.style.backgroundColor;
//添加類名
element.classList.add("myClass");
//移除類名
element.classList.remove("myClass");
//切換類名
element.classList.toggle("myClass");
//判斷是否擁有類名
let hasClass = element.classList.contains("myClass");

通過以上代碼，我們可以看到，JS操作CSS樣式的基本步驟為：

1. 獲取元素對象
2. 改變元素樣式
3. 獲取元素樣式
4. 添加、移除、切換類名
5. 判斷是否擁有類名

總結起來：JS操作CSS樣式非常方便，通過簡單的幾行代碼就可以輕松實現各種樣式效果，同時也可以對網頁進行更為細致的控制。