將CSS樣式添加到JavaScript中是很常見(jiàn)的操作，它可以讓我們更方便地控制網(wǎng)頁(yè)的外觀與交互效果。以下是一些方法來(lái)實(shí)現(xiàn)這個(gè)目標(biāo)。

// 方法一：通過(guò)修改元素的內(nèi)聯(lián)樣式屬性
var element = document.getElementById("example");
element.style.color = "blue";
element.style.backgroundColor = "yellow";
element.style.fontSize = "30px";
// 方法二：通過(guò)創(chuàng)建一個(gè)style標(biāo)簽并添加樣式規(guī)則
var styleTag = document.createElement("style");
styleTag.type = "text/css";
// 在這里添加CSS樣式規(guī)則
styleTag.innerHTML = "#example {color: blue; background-color: yellow; font-size: 30px;}";
document.head.appendChild(styleTag);

無(wú)論你選擇哪種方法，都需要確保你所添加的CSS樣式與你正在操作的元素是匹配的。記住，JavaScript只是一種工具，它需要與HTML和CSS協(xié)同工作才能創(chuàng)建一個(gè)完整的網(wǎng)頁(yè)。