JSでfloat要素のstyle.left値が空になる問題の迅速な解決策

解決策:

1.要素のtopとleft値をインラインスタイルで設定します;

2.or直接要素のoffsetLeftを取得して関連する値を得ます。parseIntは必要ありません

問題原因:

もし親divのpositionがrelative、子divのpositionがabsoluteの場合、子divのstyle.leftの値は親divの値に対して相対的です。これはoffsetLeftと同じですが、違いは以下の通りです：

style.leftは文字列を返します、例えば28px、offsetLeftは数値を返します28また、取得した値に対して計算を行う場合は、offsetLeftを使用する方が便利です。

style.leftは読み書き可能で、offsetLeftは読み取り専用です。したがって、divの位置を変更するには、style.leftを変更する必要があります。

style.leftの値は事前に定義する必要があります。それがなければ、取得した値は空になり、行内スタイルとして定義する必要があります。CSSに定義すると、style.leftの値はundefinedになります；一方、offsetLeftは取得できますが、divの位置を事前に定義する必要はありません。

以上は編集者が皆さんに紹介したJSで浮動(float)要素のstyle.left値が空の迅速な解決策です。皆さんに役立つことを願っています。何かご不明な点があれば、コメントを残してください。編集者は迅速に回答します。

声明：本文の内容はインターネットから取得しており、著作権者に帰属します。インターネットユーザーが自発的に貢献し、アップロードした内容であり、本サイトは所有権を持ちません。また、人工編集は行われておらず、関連する法的責任も負いません。著作権侵害を疑う内容があれば、メールを送信してください：notice#oldtoolbag.com（メール送信時は、#を@に変更して報告してください。関連する証拠を提供していただければ、本サイトは即座に侵害疑いのコンテンツを削除します。)