JavaScript - Ejemplo de como obtener la posición de un elemento con JavaScript

 
Vista:
Imágen de perfil de xve
Val: 2.812
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ejemplo de como obtener la posición de un elemento con JavaScript

Publicado por xve (2095 intervenciones) el 06/10/2013 19:19:49
Recientemente he tenido que buscar la posición de un elemento en pantalla... aquí os pongo un ejemplo para quien le pueda interesar...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="es">
<head>
    <style type="text/css">
        #parrafo {
            position:absolute; top:100px;left:150px;
            width:120px; height:50px; background-color: #99FFFF;
        }
    </style>
</head>
 
<body>
    <div id="parrafo"></div>
    <script type="text/javascript">
        var bloque=document.getElementById("parrafo");
        document.write("<br>Top: "+bloque.offsetTop);
        document.write("<br>Left: "+bloque.offsetLeft);
        document.write("<br>Width: "+bloque.offsetWidth);
        document.write("<br>Height: "+bloque.offsetHeight);
    </script>
</body>
</html>

Espero que os sirva de ayuda...
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder