在JS文件中給CSS賦值，可以通過操作DOM來實現(xiàn)，以下是一些常見的賦值方法：

1、直接操作樣式屬性：

通過JavaScript，我們可以直接獲取或設置HTML元素的樣式屬性，假設我們有一個元素div，我們可以這樣設置它的背景顏色：

```javascript

document.getElementById('myDiv').style.backgroundColor = 'blue';

```

2、使用CSSStyleSheet：

我們可以通過CSSStyleSheet接口來添加或刪除CSS規(guī)則，我們可以這樣添加一個全局樣式規(guī)則：

```javascript

var styleSheet = document.styleSheets[0]; // 獲取***個樣式表

styleSheet.insertRule('body { background-color: blue; }', 0); // 在規(guī)則集的開始插入新規(guī)則

```

3、使用MutationObserver：

如果我們需要在樣式發(fā)生變化時得到通知，可以使用MutationObserver來監(jiān)視樣式表的更改。

```javascript

var observer = new MutationObserver(function(mutations) {

mutations.forEach(function(mutation) {

console.log('Style changed!');

});

});

observer.observe(document.styleSheets, { childList: true, subtree: true });

```

4、使用JS庫：

一些JS庫，如jQuery，提供了更簡潔的方式來操作CSS，使用jQuery，我們可以這樣設置樣式：

```javascript

$('#myDiv').css('background-color', 'blue');

```

5、內(nèi)聯(lián)樣式：

我們還可以在HTML元素中直接使用style屬性來設置樣式，雖然這并不是在JS文件中直接賦值，但可以在JS中動態(tài)生成并添加到HTML元素中。

```javascript

var style = document.createElement('style'); // 創(chuàng)建一個style元素

style.innerHTML = `

#myDiv {

background-color: blue;

}

`; // 添加CSS規(guī)則

document.head.appendChild(style); // 將style元素添加到head中

```

方法可以幫助你在JS文件中靈活地給CSS賦值，選擇哪種方法取決于你的具體需求和場景。