获取元素在Javascript中的位置

时间:2016-08-04 09:17:12

标签: javascript jquery position jsplumb interact.js

我正在尝试使用以下代码将元素的位置放到画布上。

var x = $(".partitiondrop").position();
alert("Top position: " + x.top + "\nLeft position: " + x.left);

以上工作正常。我想知道我是否可以以相同的方式获得Right和Bottom位置,以便我可以使用该元素绑定区域,因为我需要检查哪些元素属于该元素。

5 个答案:

答案 0 :(得分:3)

U总是可以将宽度添加到x.left位置并将高度添加到x.top位置。

答案 1 :(得分:3)

  public static final String INDEXNAME = "search"; 
  ...
  BaseConfiguration conf=new BaseConfiguration();
  conf.setProperty("storage.backend", "hbase");
  conf.setProperty("storage.hostname", "192.168.12.148");//ip of cloud12
  conf.setProperty("storage.tablename", "graph1");
  conf.setProperty("index." + INDEXNAME + ".backend", "elasticsearch");
  conf.setProperty("index." + INDEXNAME + ".hostname", "192.168.12.148"); 
  conf.setProperty("index." + INDEXNAME + ".elasticsearch.local-mode", false);  
  conf.setProperty("index." + INDEXNAME + ".elasticsearch.client-only", true); 

答案 2 :(得分:1)

要通过ID获取任何元素的位置,您可以执行以下操作

var elementID; //Already obtained via attr(id) method or so
var $element = $("#" + elementID);
var position = $element.position();
position.bottom = position.top + $element.height();
position.right = position.left + $element.width();

var top_position=position.top;
var left_position=position.left;
var bottom_position=position.bottom;
var right_position=position.right;

答案 3 :(得分:1)

在Jquery中,可以使用以下代码

完成
var p = $( "elementId" );
var position = p.position();
$( "p:last" ).text( "left: " + position.left + ", top: " + position.top );

答案 4 :(得分:0)

正确的位置:

$(window).width() - ($('.partitiondrop').offset().left + $('.partitiondrop').width());

底部位置:

$(window).height() - $('.partitiondrop').offset().top;