獲取元素的CSS樣式名稱是Web開發中非常重要的一步。在使用JavaScript進行DOM操作時，我們需要獲取元素的樣式名稱，以便我們可以對其進行修改或操作。下面是一些獲取元素CSS樣式名稱的方法：

let element = document.getElementById("myElement");
let style = window.getComputedStyle(element);
let styleName = style.getPropertyValue("font-size");
console.log(styleName);

這段代碼中，我們首先獲取了具有ID “myElement” 的HTML元素。然后，我們使用window.getComputedStyle() 方法獲取該元素的樣式屬性。在這里，我們將獲取 “font-size” 屬性。最后，我們將該屬性的值存儲在變量中，并將其輸出到控制臺。

除了使用 window.getComputedStyle() 方法之外，我們還可以使用 .style 屬性來獲取元素的內聯樣式名稱。例如：

let element = document.getElementById("myElement");
let styleName = element.style.color;
console.log(styleName);

這段代碼中，我們使用 .style 屬性獲取 ID 為 “myElement” 的元素的顏色。這將返回內聯樣式名稱。最后，我們將該名稱輸出到控制臺。

在許多情況下，我們需要獲取給定元素的所有CSS樣式名稱。對于這種情況，我們可以使用 .classList 屬性。例如：

let element = document.getElementById("myElement");
let classList = element.classList;
console.log(classList);

這段代碼中，我們使用 .classList 屬性獲取 ID 為 “myElement” 的元素的所有CSS樣式名稱。這將返回一個DOMTokenList對象，其中包含所有CSS類。

綜上所述，獲取元素CSS樣式名稱非常重要，這使得我們可以更輕松地修改或操作特定元素的樣式。我們可以使用 window.getComputedStyle() 方法來獲取計算后的樣式，使用 .style 屬性來獲取內聯樣式，或使用 .classList 屬性來獲取給定元素的所有CSS樣式名稱。