在網頁開發中，JavaScript經常被用來為網頁添加交互效果，比如點擊按鈕、彈出框等等。同時，CSS也是網頁開發中必不可少的一部分，它負責網頁的布局和樣式。在JavaScript中，我們可以使用元素的onclick事件來動態添加CSS樣式。

function addStyle() {
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'p { color: red; }';
document.getElementsByTagName('head')[0].appendChild(style);
}

代碼中，我們首先創建了一個style元素，它是用來添加CSS樣式的。然后，我們設置了元素的type屬性為"text/css"，表明它是CSS樣式。接著，我們使用innerHTML屬性來添加CSS樣式。在這個例子中，我們給所有的p元素設置了紅色文字顏色。

最后，我們將style元素添加到HTML文檔的頭部。這樣，我們的CSS樣式就會被應用到網頁中所有的p元素上。這個過程發生在用戶點擊的時候，并且只會改變點擊后的效果，不會改變HTML中的原有樣式。

通過在JavaScript中添加CSS樣式，我們可以在不改變HTML代碼的情況下，實現很多網頁效果。同時，我們也需要注意避免重復添加相同的樣式，以確保網頁加載的速度和效率。