HTML中動態(tài)修改CSS樣式的方法

一、內聯(lián)樣式修改

在HTML中，我們可以直接在元素標簽內使用style屬性來動態(tài)修改CSS樣式，這種方式適用于對單個元素的樣式進行快速修改。

```html

```

二、通過JavaScript修改CSS類

我們可以使用JavaScript來動態(tài)添加、移除或修改CSS類，以實現樣式的動態(tài)更改，這種方式適用于對多個元素應用相同的樣式更改。

```html

```

在上面的例子中，我們創(chuàng)建了一個新的CSS類`newClass`，并使用JavaScript將其添加到元素上，從而改變了元素的背景顏色，這種方式允許我們復用樣式，并且可以通過修改CSS類來快速更改多個元素的樣式，我們還可以使用`classList.remove()`方法來移除元素上的類，或使用`classList.toggle()`方法來切換類的存在與否，這些操作都可以實現樣式的動態(tài)更改，我們還可以使用`classList.contains()`方法檢查元素是否包含某個類，以便進行條件判斷，這些方法提供了豐富的手段來動態(tài)修改元素的樣式。