Javascript 如何得到div的坐标?

Javascript 如何得到div的坐标?,javascript,jquery,css,Javascript,Jquery,Css,我使用jQueryUI库在网页中拖动div。拖动时,div会更改其位置并修改CSS位置、顶部和左侧属性 我的问题是: 1) 在javascript中,它们是获取CSS属性值并保存在变量上的一种方式吗(这样我就可以将其提交到XML)?这些CSS属性是在拖动div时实时创建的 2) 我至少可以在网页上看到div的新坐标吗 我的目标是记录这些值,这样当用户下次登录时,他们修改过的网页版本将被保留 您可以使用jQuery轻松获得元素的偏移量 var offset = $("#some-element")

我使用jQueryUI库在网页中拖动div。拖动时,div会更改其位置并修改CSS位置、顶部和左侧属性

我的问题是:

1) 在javascript中,它们是获取CSS属性值并保存在变量上的一种方式吗(这样我就可以将其提交到XML)?这些CSS属性是在拖动div时实时创建的

2) 我至少可以在网页上看到div的新坐标吗


我的目标是记录这些值,这样当用户下次登录时,他们修改过的网页版本将被保留

您可以使用jQuery轻松获得元素的偏移量

var offset = $("#some-element").offset();

// Alert the values
alert("top: " + offset.top+ "left: " + offset.left);

您可以使用jQuery轻松获得元素的偏移量

var offset = $("#some-element").offset();

// Alert the values
alert("top: " + offset.top+ "left: " + offset.left);

要读取相对于视口的坐标,请使用:


要读取相对于最近定位祖先的坐标,请使用:

要获取CSS属性,只需使用以下函数:

console.log($('someitem').css('top'));

要读取相对于视口的坐标,请使用:


要读取相对于最近定位祖先的坐标,请使用:

要获取CSS属性,只需使用以下函数:

console.log($('someitem').css('top'));

见下面的答案
offset()
将获取相对于窗口的位置,而
.position()
将获取相对于偏移父对象的位置。请参阅下面的答案
offset()
将获取相对于窗口的位置,而
.position()
将获取相对于偏移父对象的位置。