Get value from uncomputed css style with javascript / jquery

Question

I have a small question concerning css styles and javascript / jquery. Lets say i define the following css style.

.myStile { padding: 5px }

Now I'd like to access the property of padding while not writing an html element to the document. I came up with the following idea which only works with Firefox (IE and Chrome say NaN)

var div = $('<div class="myStile />');
var padding = parseInt(div.css('padding-left'), 10);

is there a way to make this work in IE and Chrome (well trident and webkit I guess) as well? I know that one's able to read whole css files via javascript (and get the class, the properties and so on ...), but that seems to be a bit overkill.

hallo dänu! here is a question i asked a while ago. I think you can get your answers there! stackoverflow.com/questions/1285033/… — meo
– meo, Commented Jun 8, 2010 at 10:16

Community · Accepted Answer · 2017-05-23 12:19:39Z

0

Thanks meo for your comment. This post answers the question. Here's a google find which answers the "other browsers than chrome, firefox, safari" issue.

edited May 23, 2017 at 12:19

CommunityBot

11 silver badge

answered Jun 8, 2010 at 11:02

Dänu

5,9679 gold badges45 silver badges59 bronze badges

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

Collectives™ on Stack Overflow

Get value from uncomputed css style with javascript / jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related