在網頁開發過程中，經常需要用到JavaScript來動態地改變網頁的樣式。這篇文章將介紹如何使用JavaScript來設置CSS樣式。

//選中元素
var elem = document.getElementById("example");
//設置css樣式
elem.style.color = "red";
elem.style.fontSize = "16px";
elem.style.padding = "10px";

以上代碼將選中一個ID為example的元素，并為它設置了color、fontSize和padding三個CSS樣式。

另外，我們也可以使用classList來添加、移除、切換CSS類：

//選中元素
var elem = document.getElementById("example");
//添加CSS類
elem.classList.add("new-class");
//移除CSS類
elem.classList.remove("old-class");
//切換CSS類
elem.classList.toggle("toggle-class");

以上代碼將選中一個ID為example的元素，并使用classList來添加、移除、切換CSS類。

需要注意的是，在使用JavaScript來設置CSS樣式時，最好不要直接修改元素的style屬性，而應該使用element.style.setProperty()方法。這樣可以避免一些潛在的問題，例如：連字符命名的屬性在使用JavaScript時需要轉換為駝峰式，而使用setProperty方法則可以直接使用連字符命名。

//選中元素
var elem = document.getElementById("example");
//使用setProperty方法設置CSS樣式
elem.style.setProperty("background-color", "pink");

以上代碼將選中一個ID為example的元素，并使用setProperty方法來設置CSS樣式。這樣可以避免一些潛在的問題，讓代碼更加靈活。