javascript - 复制应用于元素的 CSS 样式

Question

我希望能够将适用于元素的所有样式规则作为输出到控制台(或类似的东西)。例如 $(_element_).css_styles(); 生成如下输出:

• 元素 { 样式 }
• .class { 样式 }
• super> element { style }
• 邻居 + 元素 { 样式 }

我怎样才能得到这个？

编辑:我构建了一个 jfiddle看起来不错。

Answer 1

如果您使用的是 Chrome，则可以使用 getMatchedCSSRules(element)。如果您使用的是 FireFox(或其他 Gecko 浏览器)，一个 polyfill可用。