javascript - 如何获取 div 的坐标？

Question

我使用 jQuery UI 库在网页中拖动 div。拖动时，div 会更改其位置并修改 CSS position、top 和 left 属性。

我的问题是:

1) 它们是在 javascript 中获取 CSS 属性值并保存在变量上的方法吗(以便我可以将其提交给 XML)？这些 CSS 属性是在拖动 div 时实时创建的。

2)我至少可以读取网页上div的新坐标吗？

我的目标是记录这些值，以便在用户下次登录时保留他们修改后的网页版本。

Answer 1

要读取相对于视口(viewport)的坐标，请使用 offset() :

var offset = $('#someitem').offset();
console.log('top: '+offset.top+'; left: '+offset.left);

要读取相对于最近定位祖先的坐标，请使用 position() :

var pos = $('#someitem').position();
console.log('top: '+pos.top+'; left: '+pos.left);

要获取 CSS 属性，只需使用 css()功能:

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