在網頁開發中，我們常常需要為HTML元素添加CSS樣式來美化頁面效果。而有時候我們還需要動態地為元素更改CSS樣式，這時候就需要借助JavaScript來實現。

比如，我們希望為一個按鈕添加鼠標懸停時的背景顏色變化效果，可以這樣實現：

var button = document.getElementById('myButton');
button.addEventListener('mouseover', function() {
this.style.backgroundColor = 'blue';
});
button.addEventListener('mouseout', function() {
this.style.backgroundColor = '';
});

代碼中，我們首先獲取到ID為“myButton”的按鈕元素。然后分別為其添加鼠標懸停和移開事件。每個事件都對應一段JavaScript代碼，用于改變按鈕元素的樣式。其中，this指代當前觸發事件的按鈕元素。

需要注意的是，通過JavaScript為元素添加CSS樣式最好是直接修改元素的style屬性，而不是通過class屬性或者style標簽來實現。這是因為后兩種方式可能會被瀏覽器的CSS優先級覆蓋掉，從而導致樣式不生效。