JavaScript是一種強大的編程語言，可以用來開發動態網頁和交互效果。在網頁開發中，CSS樣式是重要的一環。在有些情況下，我們需要使用JavaScript來直接寫入CSS樣式，這里我們介紹一下如何使用JavaScript寫入CSS樣式。

使用JavaScript寫入CSS樣式非常簡單，只需要使用document.createElement()創建一個style標簽，并將創建出來的style標簽加入到文檔中即可。下面是示例代碼：

var styleTag = document.createElement('style');
document.head.appendChild(styleTag);

上述代碼創建了一個style標簽，并將該標簽添加到了文檔的head標簽中。我們可以通過JavaScript的styleTag.sheet屬性來對創建的style標簽進行CSS樣式的寫入，具體方法如下：

var sheet = styleTag.sheet;
sheet.insertRule("body { background-color: #000; }", 0);

上述代碼示例中，我們為body元素添加了一個CSS樣式，將背景色設置為黑色。通過sheet.insertRule()方法，我們可以很方便地向創建的style標簽中寫入CSS樣式。其中，0表示要將該樣式規則添加到樣式表中的位置。

除了使用insertRule()方法之外，我們還可以使用addRule()方法來寫入CSS樣式，該方法的語法如下：

sheet.addRule("body", "background-color: #000;", 0);

上述代碼與使用insertRule()方法來寫入CSS樣式的效果相同，只不過是使用了addRule()方法來實現的。兩種方法都可以實現在JavaScript中寫入CSS樣式的目的。

JavaScript是一種非常強大的編程語言，在網頁開發中發揮了重要的作用。在需要為網頁中元素添加CSS樣式時，我們可以使用JavaScript來實現，以達到更好的效果。