lunes, 1 de septiembre de 2014

Tutorial Javascript parte 28 - offsetLeft y offsetTop. Posición de elementos




En esta parte del tutorial veremos como obtener la posición left y top de un elemento a través de las propiedades offsetLeft y offsetTop.

ofssetLeft obtiene la posición left en píxeles del elemento seleccionado.
ofssetTop obtiene la posición top en píxeles del elemento seleccionado.

Código de ejemplo del capítulo ...


<!DOCTYPE HTML>
<html>
<head>

<script>
window.onload = function()
 {
  var contenedor = document.getElementById("contenedor");
  var left = contenedor.offsetLeft;
  var top = contenedor.offsetTop;
  
  alert("Left: " + left + " " + "Top: " + top);

 }
</script>

</head>
<body>
<div id="contenedor"></div>
</body>
</html>