HTML是網頁設計的基礎語言，而JavaScript則是為網頁增加互動性和動態效果的重要語言。在網頁設計中，常常需要設置元素的樣式以增強頁面的視覺效果。下面是使用JavaScript設置元素樣式的示例。

//獲取元素
var elem = document.getElementById("myDiv");
//設置樣式
elem.style.backgroundColor = "red";
elem.style.color = "white";
elem.style.fontSize = "20px";
elem.style.padding = "10px";

在示例中，首先使用document.getElementById()方法獲取了一個id為"myDiv"的元素，并將其賦值給變量elem。接下來，通過elem.style.xxx屬性來設置元素的樣式，如設置背景色、文本顏色、字體大小和內邊距。

除了直接設置樣式屬性外，還可以使用CSS樣式類來設置元素的樣式。示例如下：

//獲取元素
var elem = document.getElementById("myDiv");
//添加樣式類
elem.classList.add("myClass");

在示例中，使用elem.classList.add()方法為元素添加了一個名為"myClass"的CSS樣式類。在CSS文件中，可以為該樣式類預定義樣式，如下所示：

.myClass {
background-color: red;
color: white;
font-size: 20px;
padding: 10px;
}

這樣，當add()方法被調用時，元素將自動應用該預定義的樣式。

總而言之，在網頁設計中，使用JavaScript設置元素樣式是一個非常有用的技巧，可以使網頁更加美觀且具有動態性。同時，使用CSS樣式類可以實現樣式的復用和維護，提高代碼的可重用性和可維護性。學習并掌握這些技能，將使你成為一名優秀的網頁設計師。