在web開發中，有時候我們需要獲取到元素的CSS樣式名，這個時候就需要用到Javascript提供的一些方法了。下面我們來介紹一些獲取元素的CSS樣式名的方法。

// 獲取元素的所有樣式名
var element = document.getElementById('example');
var allStyles = window.getComputedStyle(element); // 如果要兼容IE瀏覽器可以使用element.currentStyle
//獲取元素某個具體樣式名的值
var element = document.getElementById('example');
var specificStyle = window.getComputedStyle(element).getPropertyValue('color');

通過以上兩種方法，我們就可以輕松地得到元素的CSS樣式名和對應的值了。

當然，有時候我們還需要根據CSS樣式名來判斷元素的狀態，比如判斷是否隱藏了。這個時候我們可以使用以下代碼：

var element = document.getElementById('example');
if (window.getComputedStyle(element).display === 'none') {
console.log('元素被隱藏了');
} else {
console.log('元素沒有被隱藏');
}

注意，getComputedStyle 方法返回的是CSS樣式名的計算值，而非元素內聯樣式。如果需要獲取元素內聯樣式，請使用element.style。

以上就是獲取元素CSS樣式名的幾種方法，希望能對你有所幫助。