在JavaScript中，我們可以使用JavaScript代碼添加CSS代碼來修改網頁的樣式。這種方法通常用于動態修改樣式。我們可以直接在JavaScript代碼中寫入CSS樣式，然后將其應用于HTML元素。

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

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

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

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

在這個例子中，我們首先使用JavaScript創建一個新的CSS樣式。這個樣式定義了當一個H1元素顯示在屏幕上時應該顯示的顏色。然后，我們將這個新樣式添加到HTML頁面的頭部。

在JavaScript中動態添加CSS樣式是非常有用的，因為它可以讓您在運行時根據需求修改網頁的樣式。您可以使用CSS樣式表來控制網站的整體外觀，然后通過JavaScript來將特定的CSS樣式應用于特定的HTML元素。這可以讓您實現動態修改樣式的效果，使您的網站更加動態和靈活。