標題：使用JavaScript給元素添加CSS

在網頁開發中，CSS可以用于定義元素的樣式，而JavaScript則可以用于動態地修改元素的樣式。本文將介紹如何使用JavaScript給元素添加CSS。

1. 引入CSS樣式文件

在HTML文件中，需要引入CSS樣式文件，以便為元素定義樣式。可以使用以下代碼引入樣式文件：

<style>

/* CSS樣式代碼 */

</style>

2. 獲取元素

使用JavaScript，可以獲取需要添加CSS的元素。可以使用以下代碼獲取元素：

const element = document.getElementById('my-element');

其中，`id`為元素的唯一標識符，`my-element`為需要獲取的元素的名稱。

3. 修改樣式

在獲取到元素后，可以使用JavaScript來修改元素的樣式。可以使用以下代碼修改元素的CSS樣式：

element.style.cssText = '/* CSS樣式代碼 */';

其中，`style.cssText`為修改后的CSS樣式代碼。

4. 重復使用

如果元素有多個子元素，可以使用JavaScript將它們的樣式都添加到父元素中。可以使用以下代碼將樣式添加到父元素中：

const parentElement = document.getElementById('parent-element');

parentElement.style.cssText = '/* CSS樣式代碼 */';

其中，`parentElement`為需要添加樣式的父元素，`parent-element`為父元素的名稱。

使用JavaScript，可以動態地給元素添加CSS樣式。通過獲取元素，修改樣式，并將修改后的樣式添加到元素中，可以重復使用樣式，以便更好地控制元素的樣式。