在JavaScript中，可以使用一些方法來更改HTML元素的CSS樣式。這種方法在網頁設計和開發中非常有用，因為它允許開發者根據用戶的交互來實時更改頁面的外觀。

// 獲取HTML元素的引用
const myElement = document.querySelector('#my-element');
// 更改CSS樣式
myElement.style.backgroundColor = 'red';
myElement.style.color = 'white';

這段代碼演示了如何獲取HTML元素的引用并更改其CSS樣式。要更改CSS樣式，只需在元素的style屬性上設置相應的CSS屬性。

例如，通過引用div元素并更改其背景顏色，可以將頁面的顏色改變為紅色：

const myDiv = document.querySelector('#my-div');
myDiv.style.backgroundColor = 'red';

或者，通過引用文本元素以及更改其字體顏色，可以同時更改文本顏色：

const myText = document.querySelector('#my-text');
myText.style.color = 'white';

值得注意的是，這種方法也可以用于在元素上添加或移除CSS類。使用className屬性，可以通過添加或刪除類名稱來更改元素的樣式：

const myButton = document.querySelector('#my-button');
myButton.addEventListener('click', function() {
myElement.classList.toggle('active');
});

在這個例子中，通過單擊按鈕，可以切換“active”類，并更改元素的樣式。為了實現這一點，使用classList來添加或刪除類名稱。

總的來說，在JavaScript中更改CSS樣式是一種極其有用的工具，可以讓開發者在交互中快速更改頁面的外觀。只需引用相應的元素并更改其CSS樣式或類名稱即可實現。