javascript_javascript スキルにおける style.left と offsetLeft の使用方法

親 div の位置が相対として定義され、子 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の値はまだ空です。これは、最初に遭遇した問題です。 。左。

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

// この関数は、ページの先頭にドロップダウン ボックスが 1 つだけあり、そのドロップダウン ボックスの値が選択されると、
によって動的にカテゴリが生成されます。選択項目はサブカテゴリーであり、同時にサブカテゴリー選択ボックスを 20px 後ろに移動します。