在網(wǎng)頁設(shè)計中，CSS是非常重要的一環(huán)，它可以對網(wǎng)頁進(jìn)行美化和排版。而JavaScript則可以對CSS屬性進(jìn)行修改，它為網(wǎng)頁的交互性和動態(tài)性增加了可能性。在JavaScript中，我們可以通過函數(shù)來更改CSS樣式。

function changeStyle() {
var element = document.getElementById("example");
element.style.color = "red";
element.style.backgroundColor = "yellow";
}

上面代碼中，我們創(chuàng)建了一個名為changeStyle的函數(shù)，當(dāng)這個函數(shù)被調(diào)用時，它會獲取id為example的HTML元素，并更改它的顏色和背景顏色。

另外，我們還可以通過修改類名來更改CSS樣式，這樣可以減少代碼冗余。下面是一個示例：

function changeClass() {
var element = document.getElementById("example");
element.className = "new-style";
}

在CSS中，我們可以定義一個名為new-style的類，它包含我們想要的樣式。當(dāng)調(diào)用changeClass函數(shù)時，它會將id為example的HTML元素的類名修改為new-style，從而改變這個元素的樣式。

需要注意的是，當(dāng)我們更改CSS樣式時，最好使用JavaScript操作CSS屬性，而不是直接更改HTML樣式屬性。因?yàn)橹苯有薷膕tyle屬性可能會導(dǎo)致代碼難以維護(hù)和調(diào)試。

總的來說，通過JavaScript可以輕松地更改網(wǎng)頁的CSS樣式，從而實(shí)現(xiàn)更強(qiáng)大的交互效果和美化效果。