javascriptのstyle.leftとoffset Leftの使い方説明


父divのpositionがrelativeと定義され、サブdivのpositionがabsoluteと定義されると、サブdivのstyle.leftの値は父divに対する値であり、これはoffset Leftと同じである。
1.style.leftは28 pxなどの文字列を返します。offset Leftは数値28を返します。取得した値を計算する必要があるなら、offset Leftを使ったほうが便利です。
2.style.leftは読み書きで、offset Leftは読み取り専用ですので、divの位置を変更するには、style.leftを変更するしかありません。
3.style.leftの値は事前に定義する必要があります。さもなければ取った値は空です。また、htmlで定義しなければならないので、cssで定義したら、style.leftの値はまだ空です。これは私が最初に出会った問題です。いつもstyle.leftの値が取れません。
offset Leftは、divの位置を事前に定義する必要がないということです。
//この関数は無限に分類されたプルダウン枠に対する操作で、ページの開始は一つのプルダウン枠しかなく、プルダウン枠の一つの値を選択したら、動的にselectを生成します。selectの項目はサブ分類で、同時にサブ分類のselectボックスを20 pxに移動します。

function itemtree_cats_change ( selectObj )