標題：使用JavaScript給對象添加CSS屬性

在JavaScript中，我們可以通過給對象添加CSS屬性來改變對象的樣式。這些屬性可以是任何預定義的CSS屬性，也可以是自定義的屬性。本文將介紹如何使用JavaScript給對象添加CSS屬性。

1. 創建一個對象。

2. 添加一個CSS屬性到對象的CSS屬性表中。

3. 使用JavaScript將屬性值設置為對象的屬性。

4. 使用瀏覽器的開發者工具查看對象的屬性更改后的效果。

假設我們有一個名為“myDiv”的HTML元素，并且我們需要為它的子元素添加一個名為“style”的CSS屬性，該屬性的值為“width: 200px; height: 100px;”。

以下是添加CSS屬性的步驟：

1. 創建一個名為“myDiv”的HTML元素。

2. 在“myDiv”元素的CSS屬性表中，添加一個名為“style”的屬性。

3. 使用JavaScript將“style”屬性的值設置為“width: 200px; height: 100px;”。

4. 使用瀏覽器的開發者工具查看對象的屬性更改后的效果。

在瀏覽器的開發者工具中，我們可以看到“myDiv”對象的屬性已經被更改為“width: 200px; height: 100px;”。

例如，以下是代碼示例：

```html

<div id="myDiv"></div>

<style>

#myDiv {

width: 200px;

height: 100px;

</style>

<script>

const myDiv = document.getElementById('myDiv');

const style = document.createElement('style');

style.type = 'text/css';

style.innerHTML = '#myDiv {width: 200px; height: 100px;}';

myDiv.appendChild(style);

</script>

在上面的代碼中，我們首先創建一個名為“myDiv”的HTML元素。然后，我們在“myDiv”元素的CSS屬性表中，添加了一個名為“style”的屬性。最后，我們使用JavaScript將“style”屬性的值設置為“width: 200px; height: 100px;”。最后，我們使用瀏覽器的開發者工具查看對象的屬性更改后的效果。在開發者工具中，我們可以看到“myDiv”對象的屬性已經被更改為“width: 200px; height: 100px;”。

通過使用JavaScript給對象添加CSS屬性，我們可以改變對象的樣式。這可以幫助我們在設計和開發中更加靈活地控制對象的樣式。