ホームページ >ウェブフロントエンド >jsチュートリアル >jsはbrowser_javascriptスキルの要素の絶対位置を取得します

jsはbrowser_javascriptスキルの要素の絶対位置を取得します

WBOY
WBOYオリジナル
2016-05-16 18:22:281383ブラウズ

JavaScript は、HTML 要素の位置を取得するための属性を提供します:

HTMLElement.offsetLeft
HTMLElement.offsetHeight
ただし、これら 2 つの属性に格納される値は相対値ではないことに注意してください。ブラウザ全体に対する要素の絶対位置ですが、その親要素の位置に対する相対位置、つまり、これら 2 つの値は左上隅に基づいて計算されます。親要素の (0,0) 点になります。では、HTML 要素の絶対位置を取得するには、次の関数を使用できます:


//要素の垂直座標を取得します
function getTop(e){
var offset=e.offsetTop;
if(e.offsetParent! =null) offset =getTop(e .offsetParent);
return offset
}
//要素の横座標を取得します
function getLeft(e){
var offset=e .offsetLeft;
if(e.offsetParent!=null) offset =getLeft(e.offsetParent);
}

原則は HTMLElement を使用することです。 .offsetParent 属性。現在の要素の親要素が空 (null) でない場合、現在の offsetTop を元の offsetTop に追加し、引き続き親要素の親要素の offsetTop を取得して追加し、最後にブラウザのキャンバス全体に対する要素の座標。横軸についても同様です。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。