Obtener la posición de una capa o elemento desde JavaScript

Para obtener la posición (coordenadas) de una capa o cualquier elemento HTML desde JavaScript debemos usar las propiedades offsetTop y offsetLeft para tener la posición vertical y horizontal respectivamente.

Aquí os pongo un pequeño ejemplo que lo ilustra:

<html>
<head></head>
<body>
<div id="myDiv"
style="float:right;
width:400px;
height:200px;
background-color:blue;"></div>
<div onclick="alert(myDiv.offsetTop);alert(myDiv.offsetLeft);">Posición</div>
</body>
</html>

Una Respuesta a Obtener la posición de una capa o elemento desde JavaScript

  1. Carlos dice:

    Este ejemplo no es valido cuando el div esta dentro de otros 300 divs

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Seguir

Get every new post delivered to your Inbox.