offsetLeftとstyle.leftの違い

夏 · 掲載地 2019/02/18 14:05:39

offsetLeftは親オブジェクトに対する左余白を得ます

左は親オブジェクトに対して左マージンを得ますか、位置の性質(位置は相関的と定義されます)を用いて設定します。

親divの位置が次のように定義された場合:
相対的:絶対位置元の生成

ログインが見えます。

、部分区分の位置は次のように定義されます。
絶対的な:相対位置要素の生成
この場合、子divのstyle.leftの値は親divの値に対して相対的です。

ログインが見えます。

これはoffsetLeftと同じですが、以下が異なります:
1. style.leftは文字列(例えば28px)を返します。offsetLeftは、得られた値を計算する必要がある場合に28の値を返します。
また、offsetLeftを使う方が便利です。
2. style.leftは読み書き、offsetLeftは読み取り専用なので、divの位置を変更するにはstyle.leftのみを変更できます。
3. style.leftの値は事前に定義しておく必要があり、そうでなければ得られる値は空になります。そして、もしHTMLで定義されているなら、私は実験的に試しました
CSSではstyle.leftの値がまだ空のままで、これが最初に私が直面した問題で、いつもstyle.leftの値が出ません。

offsetLeftは、divの位置を事前に定義しなくても取得可能です。

[JavaScript] offsetLeftとstyle.leftの違い

閲覧したセクション