Question

I am trying to add some pixels from an element on my page. This is so I can create a new element and place it above it.

 posy = document.getElementById('user').style.top + 20;

But it is returning “50px20”, I haven’t tried subtracting it yet, but what should I do to prevent it from returning ‘px’ in it?

Is there a way to do this in jQuery?

Thanks,
Alex.

Answer 1

What you are asking is a little confusing. You say you want the top attribute, but this could be the position of the element on the page or the top value of its style. There is a distinct difference. It sounds like you want the position of the element because you are storing the results in posy. This is different than getting the top value of the CSS which will only exist if it has been defined in your stylesheet.

To get the top CSS value in jQuery you would use

$('selector').css('top');

To get the position of the element use jQuery’s offset() or position() methods. You probably would want offset.

$('selector').offset().top; //or .left

To fix your returned value for px or em try parseInt.

parseInt(value);