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

WBOY
リリース: 2016-05-16 18:22:28
オリジナル
1354 人が閲覧しました

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 を取得して追加し、最後にブラウザのキャンバス全体に対する要素の座標。横軸についても同様です。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!