左下角＆amp; HTML元素的右下角

Question

我怎么能得到左下角x-y＆amp;任何HTML元素的右下角x-y？我想将其分配给另一个<div></div>

Answer 1

您的元素需要一个ID（或从DOM中获取它的其他方式）。

在原始Javascript中，左下角的X坐标：

var obj = document.getElementById('yourElement');  // same as $('#yourElement')
var bottomLeftX = obj.offsetTop + obj .offsetHeight;

Answer 2

使用jQuery position（）函数：

var element = $("#element");
var width = element.width();
var height = element.height();
var position = element.position();

var bottomLeftX = position.left;
var bottomLeftY = position.top + height;

var bottomRightX = position.left + width;
var bottomRightY = position.top + height;