Get the position of a div/span tag

by

You can call the method getBoundingClientRect() on a reference to the element. Then you can examine the top, left, right and/or bottom properties…

var offsets = document.getElementById('11a').getBoundingClientRect();
var top = offsets.top;
var left = offsets.left;

If using jQuery, you can use the more succinct code…

var offsets = $('#11a').offset();
var top = offsets.top;
var left = offsets.left;

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. How to force browser to show image 3 inches wide?
  3. HTML Form Submit pass array to PHP [closed]
  4. Add/Remove Class of Nav Objects on Page Scroll
  5. Executing injected by innerHTML after AJAX call
  6. How to save an image to localStorage and display it on the next page?
  7. Resize HTML5 canvas to fit window
  8. How to check whether a Storage item is set?
  9. How to add line breaks to an HTML textarea
  10. Cache busting via params
  11. Client Checking file size using HTML5?
  12. How to download a file without using element with download attribute or a server?
  13. Open window in JavaScript with HTML inserted
  14. Detecting that the browser has no mouse and is touch-only
  15. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  16. how to disable DIV element and everything inside [duplicate]
  17. How Do I Stop My Web Content From Shifting Left When The Vertical Scrollbar Appears? Roll-Up of Advice 2017 [duplicate]
  18. D3 Bar Graph example not working locally
  19. Can I just make up attributes on my HTML tags?
  20. How to prevent html/JavaScript code modification
  21. Why does querySelector only select the first element and how can I fix this?
  22. How can I set preview of video file, selecting from input type=’file’
  23. Multiple read more / read less sections are not working on a page
  24. Drawing lines on html page
  25. Measuring text width/height without rendering
  26. Sending mail from HTML page with image in the body
  27. Fire oninput event with jQuery
  28. Disable drop paste in HTML input fields? [duplicate]
  29. canvas- Cropping images in different shapes
  30. Get All Elements in an HTML document with a specific CSS Class

Leave a Comment