在JavaScript中寫CSS代碼是一種常見的做法，它能夠幫助我們更精細的控制網頁的樣式。JavaScript中可以使用document對象的屬性或方法來操作文檔中的元素，也就是我們所熟知的DOM操作。在這些操作中，我們可以使用style屬性來修改元素的CSS屬性。

// 獲取元素
var element = document.getElementById("my-element");
// 修改CSS屬性
element.style.color = "red";
element.style.fontSize = "24px";
element.style.textAlign = "center";

在這個例子中，我們首先通過getElementById方法獲取了id為"my-element"的元素，然后通過修改其style屬性的color、fontSize和textAlign屬性，改變了元素的字體顏色、字體大小和文本居中方式。這種方式在一些特定的場景下非常有用，例如在動態地改變頁面元素樣式時，可以使用這種方式編寫CSS。

不過，在實際應用中，直接在JavaScript中寫CSS代碼是不太方便的。因為可能需要寫很多的代碼，而且代碼結構不夠清晰。此時，我們可以使用CSS的文檔對象模型（CSS DOM）來操作CSS，它和DOM操作類似。

// 獲取元素樣式
var element = document.getElementById("my-element");
// 獲取元素的CSS樣式表
var styleSheet = element.sheet;
// 獲取第一個樣式規則
var rule = styleSheet.rules[0];
// 修改樣式規則
rule.style.color = "red";
rule.style.fontSize = "24px";

在這個例子中，我們首先通過getElementById方法獲取了id為"my-element"的元素，然后通過其sheet屬性獲取了元素所在的樣式表對象。接著，使用rules屬性獲取第一個樣式規則，最后通過修改樣式規則來改變元素的樣式。這種方式比較方便地集中管理CSS代碼，并且可以使用CSS選擇器來選擇元素。

總之，使用JavaScript寫CSS代碼是一種非常靈活的方式，在特定場景下非常有用。同時，在實際應用中，對CSS進行操作時，可以選擇CSS DOM操作來進行，以方便代碼的管理和維護。