Javascript 如何得到div的坐标?
我使用jQueryUI库在网页中拖动div。拖动时,div会更改其位置并修改CSS位置、顶部和左侧属性 我的问题是: 1) 在javascript中,它们是获取CSS属性值并保存在变量上的一种方式吗(这样我就可以将其提交到XML)?这些CSS属性是在拖动div时实时创建的 2) 我至少可以在网页上看到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")
我的目标是记录这些值,这样当用户下次登录时,他们修改过的网页版本将被保留 您可以使用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()
将获取相对于偏移父对象的位置。