親divの位置が相対として定義され、子divの位置が絶対として定義されている場合、style.lef.divの左の値は親divの値に関連しています。
これはoffsetLeftと同じです、違いは次のとおりです。
1. style.LEFT 28pxなどの文字列を返しますが、offsetLeftは28の値を返します。取得した値を計算する必要がある場合は、OffsetLeftを使用する方が便利です。
2。leftは読み取りwriteであり、offsetLeftは読み取り専用です。そのため、divの位置を変更するには、leftを変更することしかできません。
3. style.leftの値を事前に定義する必要があります。そうしないと、取得された値が空になります。また、HTMLで定義する必要があります。私はそれを試しました。 CSSで定義されている場合、leftの値はまだ空です。これは私が最初に遭遇した問題です。 left.leftの価値を得ることはできません。
事前にdivの位置を定義せずに、offsetLeftを取得できます。
//この関数は、無限に分類されたドロップダウンボックスの操作です。最初はドロップダウンボックスは1つだけです。ドロップダウンボックスの値が選択されたら、
選択アイテムを動的に生成すると、選択アイテムはサブクラスです。同時に、サブクラスの選択ボックスを20pxで戻す必要があります。
コードコピーは次のとおりです。
function itemtree_cats_change（selectobj）
JavaScriptのLeft.LeftとOffsetLeftの違いは次のとおりです。
今日、私がカルーセルの焦点の写真を撮っていたとき、私は問題に遭遇しました。 leftを使用して写真の場所を取得するとき、私はそれを手に入れることができませんでした。 OffsetLeftに切り替えることで、それを正常に取得できます。私は私が望んでいた効果を達成しましたが、私はまだそれを受け入れたくありませんでした。理由が見つかりませんでしたし、奇妙に感じました。そこで、高度なJavaScriptプログラミングを開き、Liste.LeftとOffsetLeftに関連するすべての知識ポイントを調べて、次の比較を行いました。
（i）style.Leftクラス属性について、JavaScript Advancedプログラムは次のように説明します。
スタイル機能をサポートするHTML要素は、JavaScriptに対応するスタイル属性を持っています。このスタイルオブジェクトは、HTMLのスタイル属性によって指定されたすべてのスタイル情報を含むが、外部スタイルシートまたは組み込みスタイルシートで積み重ねられたスタイルを含むすべてのスタイル情報を含むCSSSSSTYLELEDECLARATIONのインスタンスです（キーはこの文にあります！スタイル属性で指定されたCSS属性は、このスタイルオブジェクトの対応する属性として表されます。
（ii）オフセットレフトの累積特性の場合：
offseteft：要素の左外境界と要素を含む要素の左内側の境界の間のピクセル距離。
オフセット：要素の上部外側境界と要素を含む要素の上部内側の境界の間のピクセル距離。
本を読んで、今日遭遇した問題を通して、次のstyle.leftとoffsetLeftの概要が作成されます
類似点
1。style.LeftとoffsetLeftは、両親の両方とも親要素に関連する値です。
違い
1。style.leftはpxで文字列を返します。 OffsetLeftは数値を返します。
2。style.leftで読むことができるものも構成できます。 OffsetLeftは読み取ることができますが、構成されていません。