How to get top (as in locale) attribute of a DIV element using Javascript?

Question

I have a group DIV tags in an HTML page whose location is controlled via several parent/grandparent DIVs. Those parent and grandparent's location is controlled via CSS classes. I need to retrieve the top attribute of the given DIV. Where is it in the DOM or how would I calculate it using Javascript?

Clarification: I need the coordinate value of the top of the DIV object in absolute terms (relative to the window).

Yep... It is a duplicate. I voted to close also. I didn't just delete it since someone else might not find the other question through searching (aka the same problem I had). — dacracot
– dacracot, Commented Sep 1, 2009 at 20:36

Christian C. Salvadó · Accepted Answer · 2009-09-01 20:53:08Z

1

Since offsetTop and offsetLeft give you relative position values, you can get the absolute values by traversing up the tree of offsetParents, aggregating the offsetTop and offsetLeft values of each parent element:

function findPos(obj) {
  var curleft = curtop = 0;
  if (obj.offsetParent) {
    do {
      curleft += obj.offsetLeft;
      curtop += obj.offsetTop;
    } while (obj = obj.offsetParent);
    return [curleft,curtop];
  }
}

More detailed information: JavaScript Find position

edited Sep 1, 2009 at 20:53

answered Sep 1, 2009 at 20:47

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

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

1 Comment

dacracot Over a year ago

I found this too. It is almost what I need. Is there any way to take into account scrolling? Not just window scrolling (window.scrollY) but also DIVs with scroll:auto attributes?

Mr. Smith · Accepted Answer · 2009-09-01 20:11:02Z

0

This would give you the top and left:

myDiv.offsetY
myDiv.offsetX

answered Sep 1, 2009 at 20:11

Mr. Smith

5,56811 gold badges46 silver badges61 bronze badges

3 Comments

Crescent Fresh Over a year ago

No it doesn't. Did you mean offsetLeft/offsetRight?

dacracot Over a year ago

Both offsetY and offsetX are undefined.

dacracot Over a year ago

@crescentfresh... offsetLeft is a relative value, not absolute (which I need) and offsetRight is undefined.

Collectives™ on Stack Overflow

How to get top (as in locale) attribute of a DIV element using Javascript?

2 Answers 2

1 Comment

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related