获取DOM元素的所有CSS样式（一个FireBug） [英] Get all css styles for a DOM element (a la Firebug)

问题描述

对于DOM元素，如何获取特定元素在css中指定的所有样式？是否重复所有css样式名称？

For a DOM element, how to I get all styles specified in css for a particular element? Is it a case of iterating over all css style names?

还是有更优雅的方式？ Firebug如何做？

Or is there a more elegant way? How does Firebug do it?

谢谢

推荐答案

能够通过 getComputedStyle 获取它：

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

这篇关于获取DOM元素的所有CSS样式（一个FireBug）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！