問題タブ [offsetwidth]

変数内のクラスのオフセット値を取得しようとしています。変数の値を直接出力すると、値が表示されます。しかし、その変数に .top を追加すると、変数が未定義であることが示されます。

例はこちら

コンソールを確認すると、

しかし、上記のコードに top を追加すると

オフセット変数が未定義であることを示しています。ここで何をすべきですか？

ページの div の幅を取得する JS 関数があります。

ページが読み込まれるまで関数は実行されません。

また、div は CSS でパーセンテージとして定義され、最大幅は 900px であり、これが出力されるはずです。しかし、代わりに、次のアラートが表示されます。

答えを探しましたが、これでうまくいくようです。機能しない理由はありますか？

Javascript メソッド「offsetleft」、「offsettop」、「offsetwidth」、「offsetheight」が IE でどのように機能するか教えてもらえますか? それらを IE で適切に動作させるにはどうすればよいでしょうか? 同じに適した機能を教えてください。

前もって感謝します ！

これは私のコードです...IEで異なる結果をもたらします。

デフォルト プロパティ用のリンクされた css ファイルと、wiewport が変更されると変更されるというニュース用の 2 つ目の css ファイルがあります。JS スクリプトの最後で、要素の offsetWidth をグローバル値 NavW に入れました。そのため、JS は間違った値を返すようです。DOM でのみ計算するのではなく、新しいものではなく最初のデフォルトの CSS プロパティに基づいて計算します。ただし、ターゲット要素は正しくレンダリングされました。条件の値「2」は、css ファイルではなくアイコンである Link 要素があるためです。

バニラ JavaScript を使用して簡単なプログレス バーの開発を開始しました。CSS で設定された幅を取得する限り、私が JS で見つけた唯一の方法は使用すること.offsetWidthです。以下は、セットアップを開始した機能デモのコードです。フィドルリンクは質問の下部にあります。

HTML:

CSS:

JavaScript (オンロード) :

プロパティを正確に取得したかどうかをテストしているときに、幅が設定されて5pxいると が返されることに気付きました6px。他のすべては問題ないようです。4px = 4px、6px = 6px。

なぜそれが起こったのか誰かが知っているかどうか興味がありましたか？私がやろうとしていることに影響を与えないように見えるのは最小限ですが、知れば知るほどうまくいくでしょう。

フィドル: http://jsfiddle.net/5yk9e5du/