JavaScript 和 CSS 是前端開發中兩個重要的技術棧。其中，CSS 主要負責頁面布局和樣式展示，而 JavaScript 則可以通過 DOM 操作實現頁面內容的動態增刪改查，以及響應用戶交互。

在實際開發中，JavaScript 和 CSS 經常需要進行結合使用。其中，JS 可以通過獲取 DOM 元素并修改其樣式來實現交互效果。在修改樣式時，我們可以使用 JavaScript 修改元素的 CSS 屬性，這樣頁面在運行時就可以實現實時更新樣式的效果。

// 獲取元素
let element = document.getElementById('example');
// 修改樣式
element.style.color = 'red';
element.style.backgroundColor = '#ccc';

在代碼示例中，我們使用 JavaScript 獲取了 ID 為 example 的元素，并將其文本顏色修改為紅色，背景顏色修改為灰色。此時，頁面中對應的元素樣式即被實時更新。

除了通過直接修改 style 屬性來實現樣式更新之外，我們還可以通過給元素添加、刪除、修改 class 名稱的方式來實現樣式的控制。通過給元素添加 class，我們可以實現一次性對多個樣式進行控制，從而使代碼更加整潔、易維護。

// 添加 class
element.classList.add('active');
// 刪除 class
element.classList.remove('active');
// 切換 class
element.classList.toggle('active');

在代碼示例中，我們使用 classList 屬性來操作元素的 class 名稱。通過調用 add、remove 和 toggle 方法，我們可以動態地添加、刪除和切換元素的 class 名稱，從而實現樣式的控制。

綜上所述，JavaScript 和 CSS 是兩個緊密結合的技術棧，它們可以相互協作實現復雜的交互效果和頁面樣式的動態更新。通過 DOM 操作和 class 控制，我們可以輕松地實現頁面中樣式的控制，使頁面效果更加個性化、豐富。