Get ALL DEFINED( in stylesheet/inline ) css styles of an element

Question

I'm looking for a way to get all css styles of an element that are defined in external stylesheet ( style.css ? ) or in HTML ( inline css ).

All solutions i found tend to return [object] so user can apply to another Element.

The following code prints all elements not just those that are defined.

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

Any idea ?

SO user can change styles from GUI. Using .css("cssText") will generate loads of input boxes and will indeed frustrate the end user. — owoulles, Dec 27 '13 at 21:56
Possible answer [here](http://stackoverflow.com/questions/4781410/jquery-how-to-get-all-styles-css-defined-within-internal-external-document-w)? — Josh Beam, Dec 27 '13 at 21:57

score 0 · Answer 1 · edited Dec 27 '13 at 22:30

0

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

edited Dec 27 '13 at 22:30

Luis

5,786
8
43
62

answered Dec 27 '13 at 21:59

Bny

41
5

The problem is that styles vary from element to element. I dont know what elements are defined in external stylesheet for element, say, X. – owoulles Dec 27 '13 at 22:04

Get ALL DEFINED( in stylesheet/inline ) css styles of an element

1 Answers1