6

我想找出 iframe 中元素的位置。我正在尝试使用：-

//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 };  
}

要获取 iframe 的所有元素的列表，

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

但这不起作用。最初 elem 不为空，但 elem.offsetParent 在每种情况下都为空。我做错了吗？

对于某些元素，它工作正常。但是对于某些元素，offsetParent 为 null，因此它们的 offsetLeft 为 0，offetTop 为 0。

有没有其他方法可以找出每个元素的位置。

提前致谢..

4

1 回答 1

0

您似乎已经在使用 jQuery。为什么不让 jQuery 为您完成繁重的工作？

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

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

于 2012-06-08T18:32:50.590 回答