JavaScript(JS)是一種用于在Web瀏覽器中執行交互式任務的腳本語言。與HTML和CSS不同的是，JS可以直接操作DOM(文檔對象模型)，這使得JS能夠為Web頁面添加交互性、動態效果和樣式。

CSS是一種用于描述網頁元素的樣式語言，而JS可以通過在HTML頁面中添加JavaScript代碼來動態地改變網頁元素的樣式。在JS中，可以使用CSS樣式來定義變量、創建對象、設置屬性等。通過JS與CSS的結合，可以實現各種復雜的交互式效果和樣式設計。

下面是一些使用JS為CSS賦樣式的示例：

1. 定義變量并使用JS來設置元素的樣式

可以使用JavaScript來定義一個變量，然后在JS中設置元素的樣式。例如，我們可以定義一個名為“style”的變量，并將其設置為：

style = "width: 300px; height: 200px; background-color: blue; color: white";

然后，我們可以使用JS來設置元素的樣式，例如：

document.getElementById("myElement").style.width = style;

這將把“myElement”元素的width屬性設置為“300px”和“200px”，并將其背景顏色設置為“blue”和“white”。

2. 創建對象并使用JS來設置元素的樣式

可以使用JavaScript來創建一個新的對象，然后在JS中設置對象的樣式。例如，我們可以創建一個名為“my object”的對象，并在其中設置一些屬性。然后，我們可以使用JS來設置對象的屬性，例如：

var myObject = {

width: 300,

height: 200,

background-color: "red",

color: "green"

然后，我們可以使用JS來設置對象的屬性，例如：

myObject.width = style;

myObject.height = style;

這將把“my object”對象的width屬性設置為“300”和“200”，并將其背景顏色設置為“red”和“green”。

3. 使用JS動態地改變元素的樣式

可以使用JavaScript來動態地改變元素的樣式。例如，我們可以使用JS創建一個事件處理程序，并在其中使用JS來設置元素的樣式。例如，我們可以在事件處理程序中創建一個名為“update”的事件，并在其中使用JS來設置元素的樣式。例如：

var update = function() {

var myElement = document.getElementById("myElement");

myElement.style.width = style;

myElement.style.height = style;

然后，我們可以在頁面中創建一個名為“update”的事件，例如：

<button onclick="update()">Update</button>

這將把“update”事件處理程序應用于“myElement”元素，并在其中使用JS來設置元素的樣式。

通過使用JS與CSS的結合，可以實現各種復雜的交互式效果和樣式設計，從而增強Web頁面的用戶體驗和吸引力。