Get styles of a CSS class

Question

0.00/5 (No votes)

See more:

I need to get the style of an element and write it out. The problem is, the styles are given though multiple classes. Is there a way for me to see exactly what styles are influencing an element?

EDIT: Ok, I think the question is pretty self explanatory, but here:

<div id="myDiv" class="divClass">
<label class="labelClass">Hello World</label>
</div>

Lets say that the divClass has "width:250px", and the labelClass has "color:#e3e3e3". I need to get those styles through a JavaScript function.

Posted 1-Aug-11 21:24pm

DominicZA

Updated 1-Aug-11 21:31pm

v2

Add a Solution

Comments

Monjurul Habib 2-Aug-11 3:27am

clarify your question with examples.

RaisKazi 2-Aug-11 3:31am

Do you want to check this by Programming Or in Browser by Tool?

4 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

thatraja · Answer 1 · 2011-08-01T21:44:00

Solution 1

firebug[^] will help you

Using javascript
Get the rendered style of an element[^]

Posted 1-Aug-11 21:44pm

thatraja

Comments

DominicZA 2-Aug-11 3:45am

I have Googled and found that exact page. The problem with that method is I will have to loop through every possible CSS attribute and see if it is applied.

Abhinav S 2-Aug-11 9:43am

Good try. My 5.

Abdul Quader Mamun · Answer 2 · 2011-08-01T22:00:00

Solution 2

Thanks for your question.

JavaScript

var omyDiv = document.getElementById('myDiv');
var class= omyDiv.style.className;

Thanks,
Mamun

Posted 1-Aug-11 22:00pm

Abdul Quader Mamun

Updated 2-Aug-11 3:52am

v2

Comments

DominicZA 2-Aug-11 4:12am

Thanks, but I am getting an "obj.style is undefined" error.

Abdul Quader Mamun 2-Aug-11 5:27am

Lets check the source of your code. What is the name of your myDiv. And then use that Id from source code.

nit_singh · Answer 3 · 2011-08-02T04:10:00

Solution 4

document.getElementById('myDiv').className

This will return you the applied class on the control.

Posted 2-Aug-11 4:10am

nit_singh

Madhav Hatwalne · Answer 4 · 2011-08-02T02:18:00

Solution 3

Use firebug tool of mozilla and you can inspect element

Posted 2-Aug-11 2:18am

Madhav Hatwalne

Get styles of a CSS class

4 solutions

Solution 1

Solution 2

Solution 4

Solution 3

Add your solution here

Preview 0

Get styles of a CSS class

4 solutions

Solution 1

Solution 2

Solution 4

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us