How to get the the (X,Y) positions of a HTML element? - Programmers Heaven

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Categories

Welcome to the new platform of Programmer's Heaven! We apologize for the inconvenience caused, if you visited us from a broken link of the previous version. The main reason to move to a new platform is to provide more effective and collaborative experience to you all. Please feel free to experience the new platform and use its exciting features. Contact us for any issue that you need to get clarified. We are more than happy to help you.

How to get the the (X,Y) positions of a HTML element?

Damian99Damian99 USAPosts: 116Member

Is there a way to retrieve the position (X,Y) of an HTML element?

Tagged:

Comments

  • DavidMDavidM USAPosts: 342Member
    edited February 21

    You can use the .position() function of JQuery.

    From the official documentation,

    <style>
      div {
        padding: 15px;
      }
      p {
        margin-left: 10px;
      }
      </style>
      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    
    <div>
      <p>Hello</p>
    </div>
    <p></p>
    
    <script>
    var p = $( "p:first" );
    var position = p.position();
    $( "p:last" ).text( "left: " + position.left + ", top: " + position.top );
    </script>
    
Sign In or Register to comment.