获取DOM元素的所有CSS样式(la Firebug)

Question

对于DOM元素,如何获取css中为特定元素指定的所有样式？这是迭代所有CSS样式名称的情况吗？

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

谢谢

Answer 1

您应该能够使用getComputedStyle获取它:

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

Answer 2

对于 DOM 元素，如何获取 css 中为特定元素指定的所有样式？这是迭代所有 css 样式名称的情况吗？

是的。

或者有更优雅的方式吗？

我不知道更优雅（优雅在主观尺度上相当高），但如果你使用像 jQuery 这样的库，它肯定会更短更甜蜜，这是一个有人编码来回答另一个问题的解决方案：

如何使用 jQuery 获取所有元素 CSS 属性的列表？

Firebug 是如何做到的？

我不知道。