JavaScriptで左上を基準とした要素の位置を取得

以下のような関数を定義する。

var getElmPosition = function(elm){
	var left = 0;
	var top = 0;
	while(elm.parentNode){
		left += elm.offsetLeft;
		top += elm.offsetTop;
		elm = elm.parentNode;
	}
	return {"left" : left, "top" : top};
}

サンプルとして以下のように、idにcontainerが割り当てられた要素の位置を取得する。

alert(getElmPosition(document.getElementById('container')).left + 'px');//横軸
alert(getElmPosition(document.getElementById('container')).top + 'px');//縦軸

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です