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

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

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

需要注意的是，使用JS直接修改CSS樣式可能會影響到網(wǎng)頁的性能，因此盡量減少不必要的樣式修改操作。適當(dāng)?shù)厥褂肅SS優(yōu)先級和偽類選擇器等方法，可以避免使用JS修改樣式的過多操作。