問題タブ [offsetwidth]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
1758 参照

internet-explorer-6 - IE6 の offsetWidth または CSS 式の問題

テキストボックスの幅を親の 80% に設定する必要があります。だから最初に使った

inputしかし、が の子である場合、適切にレンダリングされませんでしtdた。だから、私はCss式を使用しました

IE 6 を除くすべてのブラウザーで思い通りに動作しています。IE 6で式が許可されていることは知っています。つまり、css式を使用するか、offsetWidthを行うのに何か問題がありますか。

前もって感謝します。

0 投票する
2 に答える
5612 参照

javascript - IE 8の癖と、offsetHeight/offsetWidthを取得する標準

XHTML厳密モードを使用するようにアプリケーションを変換中です(以前はDOCTYPEがありませんでした)。ただし、offsetHeight / offsetWidthを取得すると、大幅な低下が見られました。これは、多数のDOM要素を含むページで非常に顕著です。たとえば、1列×800行のテーブルの場合、セルには1つのテキストしかありません。そのテーブル内の各子孫要素にアクセスしてオフセットディメンションを取得するのは、IEがページをQuirksモードでレンダリングする場合よりもはるかに遅くなります。なぜそうなのですか?IEがそれらのoffsetValuesを計算するのに役立つヒントを知っている人はいますか?

0 投票する
3 に答える
1741 参照

javascript - Safari が間違った幅の値を返す

こんにちは、div を含むテーブルがあります。テーブルには 2 つの列があり、どちらも 50% です。ほとんどのブラウザーでは、offsetWidth を使用して記事の幅を取得できます。しかし、Safari では、幅が本来あるべきものよりも小さいか大きいです。どんな助けでも大いに感謝します。よろしくリチャード

0 投票する
1 に答える
1587 参照

css - offsetHeight と offsetWidth が断続的に不正確になるのはなぜですか?

少なくとも Firefox では (他のブラウザーではまだ広範囲にテストしていません)、offsetHeight プロパティと offsetWidth プロパティが<div>1 ピクセルずれている可能性があることに気付きました。(そして、はい、境界、パディング、およびマージンを既に考慮しています。) このスクリーンショットを見て、私が何を意味するかを確認してください。

ここでは、境界線を含む高さの合計は 46px ですが、Firebug が示すように、offsetHeight はわずか 45px です。

したがって、ここでは、境界線を含む実際の高さの合計は 46px ですが、Firebug が示すように、offsetHeight は 47px (境界線なしで 45px) です。なぜ不一致なのですか?それはブラウザの不具合ですか?<div>問題の がfloat: left設定されており、その内部にも同様のfloatedコンテンツが含まれていることに言及する必要があり: leftます。

0 投票する
1 に答える
398 参照

css - Firefox 4 がテーブル セルの一貫性のない offsetWidth を報告する場合の回避策は何ですか?

ガント チャート タイプの Web コントロールがあります。セルの HTML テーブル (たとえば、1 つのセルは 1 日を表します) と、バーを表す絶対配置の div です。div の親要素は適切な開始 TD です。適切な日数をカバーするように、div の幅を設定します。幅は、div でカバーされるセルの offsetWidth 値を合計することによって計算されます。

これは IE7、Chrome、Opera (Firefox 2 だと思います) では正しく動作しますが、Firefox 4 では動作しません。div の長さが短すぎる場合もあれば、長すぎる場合もあります。問題を調べると、ここで説明されているものと同様のサブピクセルの問題に関係しているようです

私が見ているもの (以下のソース html を参照) は、100% 幅のテーブル (その offsetWidth は 1311 px と報告されています) が 30 個のセルに分割されており、平均して 43.7 px 必要です。明らかに整数を使用する必要がありますが、Firefox 4 はすべてのセルが offsetWidth = 44 ピクセルであるとレポートします。したがって、すべてのセルをカバーする div の場合、offsetWidth は 1320 ピクセル (9 ピクセルから大きい) になります。どうやら、テーブルは 1311 ピクセルの幅を保持しているようで、場合によってはセルが物理的に 43 ピクセルかかる場合に、セルの offsetWidth がおそらく 44 を報告していることを示しています。

chrome、opera、および IE7 と比較すると、セルの offsetWidth は 44 ピクセルと 43 ピクセルの混合ですが、合計すると正しい最終幅の 1311 になります。

問題は、Firefox4 のこの動作を回避して、div の長さが正しいことを確認するにはどうすればよいかということです。

他のバージョンの IE ではまだテストしていません

問題の単純化された実際の例を次に示します。

0 投票する
0 に答える
818 参照

javascript - ie7clientWidthとclientHeightの問題

次のようにoffsetWidthプロパティとoffsetHeightプロパティを取得しようとしました。

残念ながら、IE7ではoffsetWidthは、window.onloadを呼び出した場合にのみ機能します。それ以外の場合は、0を返します。実際のブラウザーと同じように「somediv」をすぐに操作する必要があるため、この問題を回避する他の方法を知っている人はいますか。

0 投票する
2 に答える
2709 参照

javascript - アタッチせずにDOM要素のoffsetHeightとoffsetWidthを効率的にテストする

要素の offsetWidth と offsetHeight をテストする必要があります。現在、要素がアタッチされ、offsetWidth と Height がテストされた後、要素が削除されます。

次のようになります。

しかし、それは非常に遅いです!

編集:完全なコード:

0 投票する
1 に答える
10781 参照

javascript - offsetHeightとoffsetWidthは、2番目ではなく最初のonclickイベントで正しく計算されません

非表示の要素を表示し、その位置をページの中央に固定する次のスクリプトを作成しました。

この関数がonclickイベントによって呼び出されると、offsetHeightとoffsetWidthが正しく計算されないため、要素が正しく中央に配置されません。onclick要素をもう一度クリックすると、offsetHeightとoffsetWidthが正しく計算されます。

私は想像できるあらゆる方法で順序を変更しようとしました、そしてこれは私を夢中にさせています!どんな助けでも大歓迎です!

0 投票する
0 に答える
5813 参照

javascript - Javascript テーブルの列幅

一致させる必要があるヘッダー テーブルとデータ テーブルがあります。現在、各テーブルの最初の行を取得し、それらのセルを取得し、各セルを循環させ、どの幅が最も長いかを判断し、それに基づいて他のセルの幅を設定しようとしています。しかし、まったく変化はありません。コードは以下にあり、ドキュメントの準備ができたときに実行されます。ヘルプ?