JS是一個強大的前端語言，它可以通過操作CSS樣式，實現動態的頁面交互效果。在JS中，我們可以通過添加和去除CSS樣式來控制頁面的外觀和行為。

// 添加CSS樣式的方法
element.style.property = value;
// 獲取元素
const element = document.getElementById('example');
// 添加樣式
element.style.backgroundColor = 'red';
// 去除樣式
element.style.backgroundColor = '';

當我們需要為元素添加CSS樣式時，可以使用element.style.property = value的方法。其中，property代表CSS樣式的屬性名稱，value則代表屬性值。例如，我們可以為一個id為“example”的元素添加背景色樣式：

// 獲取元素
const element = document.getElementById('example');
// 添加背景色樣式
element.style.backgroundColor = 'red';

相反地，當我們需要去除元素的CSS樣式時，可以將屬性值設為空字符串，例如去除上述例子中的背景色樣式：

// 獲取元素
const element = document.getElementById('example');
// 去除背景色樣式
element.style.backgroundColor = '';

通過以上方法，我們可以動態地改變頁面元素的外觀和行為，為用戶帶來更加豐富的交互體驗。