在前端開發中，經常需要動態地修改頁面的樣式。在JavaScript中，我們可以通過JavaScript代碼動態地添加CSS樣式來實現這個需求。下面就是如何使用JavaScript代碼在頁面中追加CSS樣式的方法。

//首先創建一個樣式元素
var styleElement = document.createElement('style');
//將樣式元素插入到head標簽中
document.head.appendChild(styleElement);
//獲取樣式元素的sheet屬性，該屬性是CSSStyleSheet對象，用于操作CSS規則
var styleSheet = styleElement.sheet;
//創建CSS規則，并添加到樣式表中
styleSheet.insertRule('body{background-color: red;}', 0);

代碼中首先使用document.createElement方法創建一個樣式元素，然后將該元素插入到head標簽中，接下來通過獲取樣式元素的sheet屬性，可以獲取到一個CSSStyleSheet對象，該對象可以用來操作CSS規則。最后，我們可以使用insertRule方法創建CSS規則并將其添加到樣式表中。該方法接受兩個參數，第一個參數是CSS規則的內容，第二個參數是規則在樣式表中的位置，0為從開頭插入。

追加CSS樣式到頁面中，可以給頁面帶來更加動態和豐富的交互效果，提供更加優秀的用戶體驗。