在JavaScript中，我們可以使用JavaScript代碼添加CSS代碼來(lái)修改網(wǎng)頁(yè)的樣式。這種方法通常用于動(dòng)態(tài)修改樣式。我們可以直接在JavaScript代碼中寫入CSS樣式，然后將其應(yīng)用于HTML元素。

// 獲取HTML元素
var element = document.getElementById('example');
// 添加CSS樣式
element.style.backgroundColor = 'red';
element.style.color = 'white';

在這個(gè)例子中，我們首先使用JavaScript獲取了一個(gè)ID為“example”的HTML元素。然后，我們修改了元素的背景顏色和字體顏色。這兩行代碼直接在JavaScript中寫入CSS樣式，然后將其應(yīng)用于我們獲取的HTML元素。

除了直接在JavaScript代碼中寫入CSS樣式外，我們還可以使用JavaScript創(chuàng)建新的CSS樣式，并將其添加到HTML頁(yè)面中。下面是一個(gè)示例：

// 創(chuàng)建一個(gè)新的CSS樣式
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'h1 { color: blue; }';
// 將新的CSS樣式添加到HTML頭部
document.head.appendChild(style);

在這個(gè)例子中，我們首先使用JavaScript創(chuàng)建一個(gè)新的CSS樣式。這個(gè)樣式定義了當(dāng)一個(gè)H1元素顯示在屏幕上時(shí)應(yīng)該顯示的顏色。然后，我們將這個(gè)新樣式添加到HTML頁(yè)面的頭部。

在JavaScript中動(dòng)態(tài)添加CSS樣式是非常有用的，因?yàn)樗梢宰屇谶\(yùn)行時(shí)根據(jù)需求修改網(wǎng)頁(yè)的樣式。您可以使用CSS樣式表來(lái)控制網(wǎng)站的整體外觀，然后通過(guò)JavaScript來(lái)將特定的CSS樣式應(yīng)用于特定的HTML元素。這可以讓您實(shí)現(xiàn)動(dòng)態(tài)修改樣式的效果，使您的網(wǎng)站更加動(dòng)態(tài)和靈活。