Get a non inline css from javascript

Question

I know that some would critic what I want, but I will ask my question.

I know that we can't get the style of an element if their css weren't formated inline. So I want a regex (because I am not very good to make one) that will get all the style tags and will apply a regex for their innerHTML to make an array like this one :

css["myDiv"]["color"] -> "red"

_{Without using getComputedStyle because of the browser incompatibility.}

You're 30x better off using a combination of getComputedStyle and pre IE9's currentStyle. — Snuffleupagus
– Snuffleupagus, Commented Jun 6, 2012 at 20:55

Mathias Schwarz · Accepted Answer · 2012-06-06 21:11:25Z

3

There is no way you achieve anything remotely close to this using regex. CSS rules are applied using a complicated algorithm and rules may be inherited, prioritized and overridden in various ways. It is no coincidence that it took the major browsers years to come up with a compliant implementation.

You should exercise exactly that implementation instead. The tool you need is JavaScript and the API you need is the DOM. For each node in the DOM there is a style object which contains all the applied styles and which has a format very close to what you are trying to generate. You can access this via getComputedStyle and currentStyle.

edited Jun 6, 2012 at 21:11

answered Jun 6, 2012 at 20:50

Mathias Schwarz

7,19725 silver badges28 bronze badges

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

2 Comments

user1365010 Over a year ago

can you add the cross-browser combination of getComputedStyle and currentStyle like snuffleupagus said and I will check your answer as accepted!

Mathias Schwarz Over a year ago

I will give you a link to a useful page that has the info and the code you need: quirksmode.org/dom/getstyles.html

Collectives™ on Stack Overflow

Get a non inline css from javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related