HTML 元素的左下角和右下角

Question

如何获取左下角的x-y&任何HTML元素的右下角x-y？我想把它分配给另一个<div></div>

Answer 1

您的元素将需要一个ID(或其他从DOM获取ID的方法(。

在原始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;