在前端開發中，經常需要使用JavaScript來操作頁面元素的CSS樣式。今天我們就來學習一下如何使用JS來設置CSS樣式的顯示。

首先，我們需要獲取到所需修改樣式的元素節點。可以使用getElementById、getElementsByClassName、getElementsByTagName等方法來獲取需要的元素節點。

// 獲取id為myDiv的元素節點
var myDiv = document.getElementById('myDiv');

然后，我們可以使用style屬性來操作元素的CSS樣式。style屬性允許我們直接修改元素的CSS樣式，在JS中，樣式屬性和值都必須用camel case命名法。

// 修改myDiv的背景顏色為藍色
myDiv.style.backgroundColor = 'blue';

當然，如果需要修改多個CSS樣式屬性，也可以使用setAttribute()方法，將樣式屬性和值作為參數傳遞給它。

// 修改myDiv的背景顏色且文字顏色為白色
myDiv.setAttribute('style', 'background-color: blue; color: white;');

除了直接修改CSS樣式屬性外，我們還可以使用classList屬性來增減元素節點所屬的類。classList屬性用于獲取元素節點的類名列表，add()方法用于增加新的類名，remove()方法用于移除已有的類名。

// 給myDiv添加一個新的類名myClass
myDiv.classList.add('myClass');
// 移除myDiv的類名myClass
myDiv.classList.remove('myClass');

總之，使用JavaScript設置CSS樣式的顯示，可以有效的增強前端的交互性，并且提高用戶的體驗感。