在前端開發中，經常會使用JS來操作CSS，例如添加CSS樣式名稱。以下是JS添加CSS名稱的方法：

// 獲取元素
var element = document.getElementById('element-id');
// 添加CSS名稱
element.classList.add('class-name');

這段代碼中，首先使用document.getElementById()方法獲取元素，并將其保存在element變量中。然后，使用element.classList.add()方法向元素添加CSS樣式名稱，需要添加的名稱將作為參數傳遞給該方法。

如果需要向元素同時添加多個CSS樣式名稱，則可以使用element.classList.add()方法，例如：

// 獲取元素
var element = document.getElementById('element-id');
// 添加多個CSS名稱
element.classList.add('class-name-1', 'class-name-2', 'class-name-3');

這段代碼中，element.classList.add()方法接受多個參數，每個參數都是需要添加的CSS樣式名稱。

通過使用JS來添加CSS樣式名稱，可以動態地控制頁面元素的樣式，使頁面擁有更好的交互性和視覺效果。