我想找出 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。
有没有其他方法可以找出每个元素的位置。
提前致谢..