JS改變CSS樣式名，可以直接使用JavaScript來修改HTML頁面中的樣式，達到動態的效果。

//獲取元素
var elem = document.getElementById("elem");
//修改元素樣式名
elem.className = "new-style";

通過獲取HTML頁面中的元素，然后修改其樣式名，即可實現動態更改樣式的功能。需要注意的是，樣式名需要已經存在于CSS中，否則修改無效。

/*CSS樣式中定義的樣式名*/
.new-style{
font-size: 16px;
color: #f00;
}

除了直接修改樣式名，JS還可以通過添加或刪除CSS類名的方式來實現對樣式的修改。

//獲取元素
var elem = document.getElementById("elem");
//添加CSS類名
elem.classList.add("new-class");
//刪除CSS類名
elem.classList.remove("old-class");

通過添加或刪除CSS類名的方式，可以在元素的樣式上添加或刪除多個樣式屬性，同時也有助于代碼的維護和優化。

總之，JS改變CSS樣式名是實現動態樣式的一個重要途徑，可以在實際開發中靈活運用。