获取元素的起始左侧位置和顶部位置

Question

在javascript中我遇到了我正在写的脚本的问题。我需要能够获得html对象的起始顶部和左侧位置，如CSS或CSS中定义的图像。

当我为表定义左（20px）和顶（20px）偏移时，我运行内置于chrome的javascript控制台并执行parseInt（document.getElementById（'component1'。。style.left）以查看它是否会给出我作为数字的偏移幅度。但是，它返回NaN。我猜是因为浏览器没有初始化这些值（我认为在CSS中明确设置它，浏览器会这样做）

关于如何解决这个问题的任何想法？

Answer 1

jQuery是一个选项吗？如果是这样的话：

var offset = $("#component1").offset;
//use offset.left, offset.top for whatever you need

如果没有，您可以通过循环see this answer来完成此操作。