獲取DOM元素的所有CSS樣式（一個Firebug）

Question

對於一個DOM元素，如何獲得在CSS中爲特定元素指定的所有樣式？這是迭代所有CSS樣式名稱的情況嗎？

還是有更優雅的方式？ Firebug如何做？

感謝

Answer 1

DOM元素，怎麼我得到在CSS的 特定元素指定的所有 樣式？迭代所有css樣式名稱是否是 的情況？

是的。

還是有更優雅的方式？

我不知道更優雅（優雅是主觀上規模相當高），但肯定會是更短的和甜的，如果你利用一個庫如jQuery的，這裏有一個解決方案的人編碼爲回答另一個問題：

How Can I Get List Of All Element CSS Attributes with jQuery?

如何螢火蟲做呢？

我不知道。

Answer 2

您可以通過所有的CSS樣式重複了這樣一個元素：

var myElement = document.getElementById('someId'); 
var myElementStyle = myElement.style; 

for(var i in myElementStyle){ 
    // if it's not a number-index, print it out. 
    if(/^[\d]+/.exec(i) == null){ 
     console.log("Style %s = %s", i, myElementStyle[i]); 
     /* 
     * Do other stuff here... 
     */ 
    } 
}

Answer 3

你應該能夠getComputedStyle得到它：

var css = window.getComputedStyle(element); 
for (var i=0; i<css.length; i++) { 
    console.log(css[i] +'='+css.getPropertyValue(""+css[i])) 
}