在JavaScript中編寫CSS樣式的方法有多種，以下是一些常見的技巧：

1、直接操作樣式表：

* 通過JavaScript的document.styleSheets屬性，我們可以訪問到所有的樣式表。

可以使用insertRule方法向樣式表中添加新的規(guī)則，例如

var styleSheet = document.styleSheets[0];
styleSheet.insertRule('body {background-color: blue;}', 0);

2、操作元素樣式：

直接通過JavaScript獲取到HTML元素，并修改其style屬性，例如

var element = document.getElementById('myElement');
element.style.color = 'red';

3、使用CSSStyleSheet接口：

CSSStyleSheet接口提供了更完整和靈活的樣式表操作方法，可以通過document.createStyleSheet()方法創(chuàng)建一個新的樣式表，例如

var styleSheet = document.createStyleSheet();
styleSheet.addRule('body', 'background-color: blue;', 0);

4、使用CSSOM（CSS對象模型）：

CSSOM提供了JavaScript與CSS之間的接口，允許***動態(tài)地添加、刪除和修改CSS規(guī)則，例如

var cssRule = document.createCSSRule('body', 'background-color: blue;', 0);
document.styleSheets[0].addRule(cssRule);

5、注意事項(xiàng)：

* 在使用JavaScript編寫CSS樣式時，需要注意瀏覽器兼容性和性能問題，盡量避免在樣式表中添加大量的規(guī)則，以免影響頁面的加載速度和性能。

* 也要確保編寫的樣式規(guī)則符合CSS語法規(guī)范，避免出現(xiàn)錯誤或?qū)е聵邮綗o法正確應(yīng)用。