ホームページ  >  記事  >  ウェブフロントエンド  >  jsにおけるoffsetの意味とその詳しい説明は?

jsにおけるoffsetの意味とその詳しい説明は?

小云云
小云云オリジナル
2018-03-27 17:01:3213118ブラウズ

offset は「偏差、変位」を意味し、要素のサイズを取得するために使用できる「offsetHeight」、「offsetWidth」、「offsetLeft」、「offsetTop」、「offsetParent」などの js の一連の属性に属します。 。

jsにおけるoffsetの意味とその詳しい説明は?

オフセットファミリー

1、offsetWidth offsetHeight はオブジェクトの幅と高さ(独自の幅と高さ)を取得します

offsetWidth = width + border + padding;
        offsetHeight = height + border + padding;
        p.style.width  只能得到行内样式的数值

2、offsetLeft と offsetTop は上部からの左右の距離を返しますレベル ボックス (位置決めあり) 上の位置、

親に位置決めがない場合、ボディが優先されます。ここでの親は、父親だけでなく、前のすべてのレベルを指します。

offsetLeft は父親のパディングから始まります。父親の境界線は計算されません

3、アニメーションイージング式

    var start=0,  end = 0;
        setInterval(function(){
                start = start + (end - start)/10;
        }, 30);

4、offsetParentはparentNodeと同様にオブジェクトの親(位置決めのある親)を返しますが、位置決めがない場合はbodyを返します

違い:parentNodeはparent、offsetParent はお父さん、おじいちゃんなどです。

5、offsetTop、offsetLeft と style.top、style.left の違い

5.1 offsetTop、offsetLeft は、配置されていないボックスの上端または左側からの位置です

5.2 style.top、style. left の配置されたボックスのみが top または left を持ちます

5.3 offsetTop は数値を返しますが、style.top は数値に加えて文字列を返します: px

5.4 offsetTop は読み取り専用で、style.top は読み書き可能です

5.5 HTML 要素に先頭のスタイルが指定されていない場合、style.top は空の文字列を返します

5.6 style.width は値のみを取得できます。インライン スタイル

関連する推奨事項:

php のオフセット機能によって引き起こされるバイパス脆弱性の解決策

JS のオフセットと等速モーションのインスタンス分析

過剰なオフセットを使用した SQL 最適化例の共有mysqlのページング

以上がjsにおけるoffsetの意味とその詳しい説明は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。