JavaScript是一種流行的編程語言，用于在網站中實現一些交互和動畫效果。其中之一是能夠通過JavaScript修改CSS樣式表，使網站更加動態和可交互。

使用JavaScript動態修改CSS樣式表的方法非常簡單。在HTML文件中添加CSS樣式表，然后使用JavaScript查詢文檔中的元素并修改其CSS屬性即可。以下是一個簡單的示例：

/* HTML中的CSS樣式表 */
p {
color: red;
}

// JavaScript中的代碼
var para = document.querySelector('p');
para.style.color = 'blue';

以上代碼將查詢第一個p元素并將其文本顏色從紅色更改為藍色。

還可以使用JavaScript創建并添加新的CSS樣式表規則。以下是一個示例，在點擊按鈕時，將添加一個新的CSS樣式表規則：

/* HTML中的CSS樣式表 */
p {
color: red;
}

// JavaScript中的代碼
var btn = document.querySelector('button');
btn.addEventListener('click', function() {
var css = document.createElement('style');
css.innerHTML = 'p { color: blue; }';
document.head.appendChild(css);
});

以上代碼將創建一個新的CSS樣式表規則，更改所有p元素的顏色為藍色。它還將創建一個添加到文檔頭部的新的CSS樣式表元素。

JavaScript動態修改CSS樣式表使網站更加豐富和有趣，并且可以改善用戶體驗。使用簡單：

1. 查詢HTML元素
2. 修改其CSS屬性
3. 或創建新的CSS樣式表規則

這樣一來，就可以通過JavaScript動態地修改CSS樣式表，并為網站添加更多的交互和動畫效果。