使用JavaScript動態更改CSS樣式是一種非常有用的技術，可以讓我們在運行時動態地修改樣式，而無需重新加載整個頁面。下面我們將介紹如何使用JavaScript來更改CSS樣式。
首先，我們需要引入JavaScript和CSS文件。我們可以使用HTML中的<head>標簽來引入這些文件。例如：
```html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
</head>
接下來，我們需要編寫JavaScript代碼，它可以從服務器獲取CSS樣式表，并根據需要修改樣式。以下是一個示例代碼，它從服務器獲取CSS樣式表，然后根據指定的條件修改樣式：
```javascript
function getCSS() {
const styleSheet = document.styleSheet;
const style = document.createElement('style');
style.type = 'text/css';
styleSheet.cssText = `
/* 修改樣式 */
body {
background-color: #f00;
document.head.appendChild(style);
return styleSheet.cssText;
// 獲取樣式并修改
const styleSheet = getCSS();
const style = document.createElement('style');
style.type = 'text/css';
styleSheet.cssText = `
/* 修改樣式 */
body {
background-color: #0f0;
document.head.appendChild(style);
在上面的代碼中，我們首先使用`getCSS()`函數從服務器獲取CSS樣式表。然后，我們創建一個空的CSS樣式，并在其中添加一些基本的樣式規則。最后，我們使用`document.styleSheet`對象將新的CSS樣式添加到HTML文檔的頭部中。
接下來，我們可以使用JavaScript來修改樣式。例如，如果我們想要將文本顏色更改為紅色，我們可以使用以下代碼：
```javascript
function changeColor(color) {
const style = document.createElement('style');
style.type = 'text/css';
style.雷雨 = color;
document.head.appendChild(style);
changeColor('red');
在上面的代碼中，我們首先定義了一個函數`changeColor`，它接受一個參數`color`，表示要更改文本顏色的顏色。然后，我們使用`document.createElement()`函數創建一個新樣式，并將`color`屬性設置為`red`，并將新樣式添加到HTML文檔的頭部中。
現在，我們可以使用JavaScript來修改樣式了。例如，如果我們想要將文本顏色更改為藍色，我們可以使用以下代碼：
```javascript
function changeColor(color) {
const style = document.createElement('style');
style.type = 'text/css';
style.雷雨 = color;
document.head.appendChild(style);
changeColor('blue');
在上面的代碼中，我們首先定義了一個函數`changeColor`，它接受一個參數`color`，表示要更改文本顏色的顏色。然后，我們使用`document.createElement()`函數創建一個新樣式，并將`color`屬性設置為`blue`，并將新樣式添加到HTML文檔的頭部中。
通過使用JavaScript動態更改CSS樣式，我們可以在運行時動態地修改樣式，而無需重新加載整個頁面。