在Web開發中，JavaScript點擊事件是必不可少的一部分，因為它可以實現動態交互效果。在本篇文章中，我們將討論如何使用JavaScript在點擊事件中添加CSS樣式。

// 選取元素
var myElement = document.querySelector('.my-element');
// 給元素添加事件監聽器
myElement.addEventListener('click', function() {
// 添加CSS樣式
myElement.style.backgroundColor = '#f00';
myElement.style.color = '#fff';
});

在以上代碼中，我們使用getElementById() 或querySelector()方法選取需要添加點擊事件的元素。接著，我們使用addEventListener()方法添加點擊事件監聽器，當該元素被點擊時，我們動態地添加CSS樣式。

添加CSS樣式可通過JavaScript中的style屬性實現。在以上代碼中，我們修改myElement元素的背景顏色為紅色 (#f00)，字體顏色為白色 (#fff)。

需要注意的是，如果需要添加的CSS樣式比較復雜，我們也可以通過通過添加CSS類來實現。我們可以使用JavaScript中的classList屬性來添加、刪除或切換CSS類。

// 選取元素
var myElement = document.querySelector('.my-element');
// 給元素添加事件監聽器
myElement.addEventListener('click', function() {
// 添加CSS類
myElement.classList.add('active');
});

在以上代碼中，我們添加了一個名為active的CSS類。該類包含了需要實現的CSS樣式。在點擊事件中，我們使用JavaScript的classList屬性添加該CSS類，并實現我們需要的動態交互效果。

通過以上方法，我們可以在JavaScript中輕松地添加點擊事件，并動態地修改CSS樣式，實現更加靈活的Web交互效果。