JavaScript是一門強(qiáng)大的編程語言，它被廣泛應(yīng)用在Web開發(fā)中。JavaScript的一個(gè)特點(diǎn)就是可以與HTML和CSS的交互。在Web開發(fā)中，我們經(jīng)常需要動態(tài)改變CSS樣式，這時(shí)就需要JS來賦值CSS變量。

在JS中，我們可以使用document.style對象來訪問元素的CSS樣式屬性。在這個(gè)對象中，每個(gè)CSS屬性都是一個(gè)屬性名，我們可以直接用JS來改變它們的值。例如，要改變一個(gè)元素的背景顏色，可以這樣寫：

var elem = document.getElementById("myElem");
elem.style.backgroundColor = "#ff0000";

在這個(gè)例子中，我們使用了getElementById方法來獲取頁面中的一個(gè)元素，并將其賦值給變量elem。然后，我們可以通過elem.style來訪問這個(gè)元素的CSS樣式。最后，我們把backgroundColor屬性設(shè)為"#ff0000"，就成功地改變了元素的背景顏色。

在JS中，我們也可以使用自定義的CSS變量，這樣更方便地實(shí)現(xiàn)動態(tài)改變樣式。例如，我們可以定義一個(gè)名為--main-color的變量，然后在JS中賦值它。首先，在CSS中定義變量：

:root {
--main-color: #333333;
}

在這個(gè)例子中，我們使用了:root偽類來定義全局變量。變量名為--main-color，值為#333333。然后，在JS中賦值這個(gè)變量：

var root = document.documentElement;
root.style.setProperty('--main-color', '#ff0000');

在這個(gè)例子中，我們使用了document.documentElement來獲取整個(gè)文檔的根元素。然后，使用setProperty方法來設(shè)置變量--main-color的值為#ff0000。

總之，JS可以與CSS結(jié)合使用，實(shí)現(xiàn)動態(tài)改變樣式的效果。通過賦值CSS變量，我們可以更加方便地實(shí)現(xiàn)樣式的改變。但是，要注意，在大量使用JS改變樣式的情況下，會影響頁面的性能，因此應(yīng)該避免濫用。