在前端開發中，我們常常需要使用JavaScript來修改頁面的CSS樣式，以實現更好的視覺效果。下面就為大家介紹一下如何使用JavaScript來更改全局CSS樣式。

var styles = document.createElement('style');
document.head.appendChild(styles);
styles.sheet.insertRule('body { background-color: red; }', 0);

以上這段JavaScript代碼的作用是創建一個style標簽，并將其插入到head標簽中。隨后，我們使用insertRule()方法來向樣式表中添加一條規則，指定了全局的背景顏色為紅色。

另外，我們還可以通過修改元素的style屬性來實現單個元素樣式的更改。比如，下面這段代碼可以將ID為“myDiv”的元素的寬度設置為200像素：

document.getElementById('myDiv').style.width = '200px';

通過使用JavaScript，我們可以更加靈活地控制頁面元素的樣式，實現更加細致的視覺效果。希望以上內容對大家有所幫助。