Javascript 从所有潜水艇上取得位置

我想使用javascript获取iframe中所有div的位置屏幕坐标。没有jQuery

我可以得到这样一个数组中的所有div：

var arr = window.frames[0].document.getElementsByTagName("div");

{
    top: ...,
    right: ...,
    bottom: ...,
    left: ...,
    width: ...,
    height: ...
}

然后我试着做：

var arr = window.frames[0].document.getElementsByTagName("div").x;

但它不起作用。控制台日志未定义。有什么想法吗？

getElementsByTagName返回一个数组。数组对象没有x属性

您需要迭代成员，收集x的每个值

此外，正如下面评论中指出的，div没有x属性。看见 有关如何管理的详细信息，请参见此问题。

尝试以下操作：

var divs = window.frames[0].document.getElementsByTagName("div")
    i = 0, rects = [];
for (; i < divs.length; i++)
    rects.push(divs[i].getBoundingClientRect());

这些属性是每个边框的像素数或宽度或高度

---

虽然IE6-8不报告宽度和高度属性，但计算它们很容易。

每个div也不会有一个x属性。有没有办法不用jQuery就可以做到这一点。每个。使用循环还是什么？这个词是偏移量…上面的答案不是答案。是acomment@MattSach没错。我将据此进行编辑。