JavaScript是一種強大的編程語言，它可以輕松地操作HTML和CSS，通過JavaScript可以動態地改變HTML元素的內容和樣式。今天我們主要討論如何使用JavaScript來追加CSS樣式。

在JavaScript中，我們可以使用document.createElement()方法創建一個新的HTML元素，并用document.createTextNode()方法創建一個文本節點。接下來，我們可以使用appendChild()方法將文本節點附加到HTML元素中。同樣地，我們也可以使用setAttribute()方法為HTML元素設置屬性，包括class、id、src、href等等。這些方法可以幫助我們動態地創建和修改HTML元素。

// 創建一個新的style元素
var style = document.createElement("style");
// 創建一個新的文本節點
var cssText = document.createTextNode("body { background-color: rgb(255, 0, 0) }");
// 將文本節點附加到style元素中
style.appendChild(cssText);
// 將style元素附加到head元素中
document.head.appendChild(style);

以上代碼演示了如何動態地追加CSS樣式，首先創建一個新的style元素，然后創建一個新的文本節點，將文本節點附加到style元素中，最后將style元素附加到head元素中即可。通過這種方式，我們可以在JavaScript中動態地追加CSS樣式，讓我們的網頁效果更加豐富多彩。