JS可以通過修改頁面元素的CSS樣式來實現動態效果，比如讓按鈕變色、改變圖片大小等等。以下是通過JS設置CSS樣式的示例：

// 獲取元素節點
var btn = document.getElementById('myButton');
// 修改CSS樣式
btn.style.backgroundColor = 'red';
btn.style.border = 'none';
btn.style.borderRadius = '5px';

上面的示例中，先通過document.getElementById()方法獲取按鈕的節點，然后通過修改節點的style屬性來設置CSS樣式。其中，backgroundColor、border、borderRadius等屬性對應CSS樣式中的background-color、border、border-radius等屬性。

除了直接修改節點的style屬性，還可以使用classList來添加、移除、切換CSS類。以下是使用classList的代碼示例：

// 獲取元素節點
var btn = document.getElementById('myButton');
// 添加CSS類
btn.classList.add('highlighted');
// 移除CSS類
btn.classList.remove('highlighted');
// 切換CSS類
btn.classList.toggle('highlighted');

上面的示例中，先通過document.getElementById()方法獲取按鈕的節點，然后通過調用classList的add()方法來添加highlighted類，使按鈕變為高亮樣式；通過remove()方法移除highlighted類，讓按鈕恢復原樣；通過toggle()方法切換highlighted類的狀態，如果原來沒有該類，則添加，否則移除。

上述代碼僅是一些簡單的示例，實際應用中還有很多常用的CSS樣式設置方法，具體可以參考相關文檔。