Pulling CSS data using getElementById

Question

I'm trying to pull CSS data out of an element but I am hitting a wall for some reason. I have been staring and trying to tweak the same line of code for an hour and I keep getting undefined or NaN.

Here is the abbreviated js:

var newVar = document.getElementById("cssItem").style.top;

The css:

#cssItem {
position:   absolute;
top:        100px;
left:       100px;
width:      600px;
height:     400px; 
}

Again, every time I log newVar it comes back undefined or NaN.

Joseph Silber · Accepted Answer · 2013-02-01 04:59:31Z

2

Node.style only works for inline styles. If you want to get the rendered style, use this:

var newVar = window.getComputedStyle( document.getElementById("cssItem") ).top;

Here's the fiddle: http://jsfiddle.net/q93B6/

answered Feb 1, 2013 at 4:59

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

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

Collectives™ on Stack Overflow

Pulling CSS data using getElementById

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related