获取元素的所有定义（在样式表/内联中）css样式答案

【问题标题】：Get ALL DEFINED( in stylesheet/inline ) css styles of an element获取元素的所有定义（在样式表/内联中）css样式
【发布时间】：2014-01-15 11:54:36
【问题描述】：

我正在寻找一种方法来获取在外部样式表 ( style.css ? ) 或 HTML ( 内联 css 中定义的元素的所有 css 样式)。

我发现的所有解决方案都倾向于返回 [object]，因此用户可以将其应用于另一个元素。

以下代码打印所有元素，而不仅仅是那些已定义的元素。

$(this).css("cssText");

有什么想法吗？

【问题讨论】：

你为什么要这样做？
所以用户可以从 GUI 更改样式。使用 .css("cssText") 会产生大量输入框，确实会让最终用户感到沮丧。
可能的答案here?
我得到“类型错误：”

标签： javascript jquery html css

【解决方案1】：

<script>    
    $("div").each(function(){       
        /* FROM EXTERNAL CSS STYLESHEET */    
        var currentStyle = this.currentStyle
        var opacityStyle = currentStyle.opacity /* get opacity for example */
    })
</script>

【讨论】：

问题在于样式因元素而异。我不知道在外部样式表中为元素定义了哪些元素，比如 X。