在前端開發中，JavaScript 可以讓網頁的交互更為豐富和靈活，而 CSS 則是裝點網頁的重要工具。那么，我們是否可以借助 JavaScript 的力量，動態地為某個標簽附加 CSS 樣式呢？答案是肯定的。這篇文章就來詳細介紹如何使用 JavaScript 添加 CSS。
首先，我們需要通過 JavaScript 做兩件事情：找到需要添加樣式的標簽，以及為該標簽動態添加 CSS 樣式。這里，我們使用 `document.querySelector` 和 `HTMLElement.style` 來實現這兩個功能。
假設我們有一個 `div` 標簽，想要為它添加藍色背景和白色字體樣式：
```html
Hello World
```
我們可以先通過 `document.querySelector` 找到這個標簽，然后使用 `HTMLElement.style` 添加樣式：
```javascript
const box = document.querySelector('.box');
box.style.backgroundColor = 'blue';
box.style.color = 'white';
```
這樣，我們就成功地為 `div` 標簽添加了背景色和字體顏色。
不僅如此，我們還可以動態地向一個標簽添加多個 CSS 樣式，并設置不同的屬性值。例如，我們想要為另一個 `div` 標簽同時設置背景圖和邊框：
```htmlHello World
```
我們可以按以下方式添加樣式：
```javascript
const wrapper = document.querySelector('.wrapper');
wrapper.style.backgroundImage = 'url("bg.jpg")';
wrapper.style.border = '1px solid black';
```
此外，我們還可以通過 JavaScript 動態地修改已有的 CSS 樣式。下面的例子將說明如何利用 JavaScript 單擊一個按鈕后修改 `h1` 標簽的字體顏色：
```html