HTML元素的左下角和右下角

Question

我怎樣才能得到左下角的x-y &右下角的任何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位置（）函數：

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;