Inicio JavaScript Obtener la posición de cualquier elemento HTML

Obtener la posición de cualquier elemento HTML

Miércoles, 19-02-2014 19:00 - Leer comentarios - Comentar

Lo importante son las propiedades offsetLeft y offsetTop, que devuelven la posición relativa de un elemento respecto a su contenedor, que a su vez está almacenado en offsetParent.
JavaScript
function getAbsoluteElementPosition(element) {
  if (typeof element == "string")
    element = document.getElementById(element)
    
  if (!element) return { top:0,left:0 };
  
  var y = 0;
  var x = 0;
  while (element.offsetParent) {
    x += element.offsetLeft;
    y += element.offsetTop;
    element = element.offsetParent;
  }
  return {top:y,left:x};
}
El valor devuelto es también un objeto con dos propiedades : top y left, que contienen la posición buscada.

Tags

javascript, buscar, posicion, elementos, html,

Comentarios

No se permiten comentarios en este momento.