Posición de salida del elemento html en iframe

Question

Quiero averiguar la posición de un elemento que está en iframe. Estoy tratando uso OT: -

//Function to find the position of element on page 
function getElementPosition(elem){ 
    var posX = 0; 
    var posY = 0; 
    while(elem!= null){ 
     posX += elem.offsetLeft; 
     posY += elem.offsetTop; 
     elem = elem.offsetParent; 
    console.log("In function:" + elem.tagName + " " + posX + " " + posY); 
    }        
return { x : posX, y : posY }; 
} 

Para obtener la lista de todos los elementos del marco flotante,

var doc1 = $('#page1').get(0).contentDocument; // page1 is id of iframe element 
var list1 = doc1.getElementsByTagName('*'); 
console.log(list1.length);      // Printing correctly 
var index = prompt("Enter element index"); 
var elem1 = list1[index]; 
var pos1 = getElementPosition(elem1); 
console.log("Positions:" + pos1.x + " " + pos1.y); 

Pero esto no está funcionando. Inicialmente, elem no es nulo, pero elem.offsetParent es nulo en todos los casos. ¿Estoy haciendo algo mal?

Para algunos elementos, funciona bien. Pero para algunos elementos, offsetParent es nulo y su offsetLeft es 0 y offetTop es 0.

¿Hay alguna otra forma de averiguar la posición de cada elemento?

Gracias de antemano ..

Answer 1

Ya parecen estar utilizando jQuery. ¿Por qué no dejar que jQuery haga el trabajo pesado por ti?

http://api.jquery.com/position/

http://api.jquery.com/offset/