HTML要素の左下と右下

Question

HTML要素の左下x-y &右下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;