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
– owoulles, Commented Dec 27, 2013 at 21:56

Luis · Accepted Answer · 2013-12-27 22:30:41Z

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, 2013 at 22:30

Luis

5,9048 gold badges46 silver badges63 bronze badges

answered Dec 27, 2013 at 21:59

Bny

415 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

owoulles Over a year ago

The problem is that styles vary from element to element. I dont know what elements are defined in external stylesheet for element, say, X.

Collectives™ on Stack Overflow

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

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related