JavaScript是現代Web開發中不可或缺的一部分。除了在網頁上創建交互式動畫、表單驗證和視覺效果，JS還可以幫助你實現CSS樣式的控制。下面，我們將簡單介紹如何在JS文件中操作CSS樣式。

//獲取樣式
var element = document.getElementById("example");
var style = window.getComputedStyle(element, null).getPropertyValue("color");
//設置樣式
element.style.color = "red";
element.style.fontSize = "16px";
element.style.fontWeight = "bold";

使用JS操作CSS樣式的方法主要有兩種：獲取樣式和設置樣式。我們可以通過getElementById()或其他DOM操作獲取元素節點，接著使用window.getComputedStyle()方法獲取該節點的窗口計算樣式，最后用getPropertyValue()獲取具體的樣式名和值。另外，我們還可以直接使用element.style.樣式名 = 樣式值 的方法來設置元素節點的樣式。

需要注意的是，使用JS直接修改CSS樣式可能會影響到網頁的性能，因此盡量減少不必要的樣式修改操作。適當地使用CSS優先級和偽類選擇器等方法，可以避免使用JS修改樣式的過多操作。