How to position a DIV in a specific coordinates?

Viewed 413133

I want to position a DIV in a specific coordinates ? How can I do that using Javascript ?

7 Answers

To set the content of a div you can use the following:

   document.getElementById(id).style.top = "0px";
   document.getElementById(id).style.left = "0px";

Exists other good alternatives in jQuery

I cribbed this and added the 'px'; Works very well.

function getOffset(el) {
  el = el.getBoundingClientRect();
  return {
    left: (el.right + window.scrollX ) +'px',
    top: (el.top + window.scrollY ) +'px'
  }
}
to call: //Gets it to the right side
 el.style.top = getOffset(othis).top ; 
 el.style.left = getOffset(othis).left ; 
Related