Phân tích vị trí của phần tử html trong iframe

Question

Tôi muốn tìm vị trí của phần tử nằm trong khung nội tuyến. Tôi đang cố gắng sử dụng 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 }; 
} 

Để có được danh sách của tất cả các yếu tố của khung nội tuyến,

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); 

Nhưng điều này không hoạt động. Ban đầu elem không phải là null nhưng elem.offsetParent là null trong mọi trường hợp. Tôi đang làm một số sai?

Đối với một số yếu tố, nó hoạt động tốt. Nhưng đối với một số yếu tố, offsetParent là đến null và do đó offsetLeft của chúng là 0 và offetTop là 0.

Có cách nào khác để tìm ra vị trí của từng phần tử hay không.

Cảm ơn trước ..

Answer 1

Bạn có vẻ đang sử dụng jQuery. Tại sao không để jQuery làm việc nhấc nặng nề cho bạn?

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

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