2012-02-14 16 views
0

私はhtml要素を持っていて、その上にそれに適用されるいくつかのCSSがあります 新しいCSSクラスが適用された後に正確な高さと幅を知りたいと思います。私はoffsetWidthoffsetHeightを試しましたが、要素の性質はpaddingmarginでした。絶対高さと幅を取得

実際に計算せずに正確な値を取得するにはどうすればよいですか? cssのプロパティで直接行うことはできますか?

+0

[offsetNeight]プロパティ(同様に幅)は、ボーダー、パディング、垂直スクロールバー、および実際のスクロールバーを含むように意図されています[MDN](https://developer.mozilla.org/ja/DOM/element.offsetHeight)レンダリングした高さ。おそらくあなたの質問は正しい/クロスブラウザの私のコードを作る方法でなければなりませんか? – lpd

答えて

1

jQueryのは、あなたのためにそれが容易になります:http://api.jquery.com/outerWidth/

+0

ビットコードを提供しなければ、いくつかはこれをdownvote!ちょっとヒント;-) –

+0

もしjQueryを使いたいのであれば、outerWidthを取得する必要があるかのようにjQueryライブラリを呼び出す必要はありません。ページを読み込んでいる間にサーバーのトリップやサイズの大きさがかかるでしょう – Murtaza

+0

サーバー旅行はどういう意味ですか? jQueryはJavaScriptでコードを作成する最良の方法であり、多くの方法で役に立ちます。+1 –

0

いいえ、それはクロスブラウザの方法で行うことができません。ポイントは、あなたが正確な高さと幅を知っにしたくないということであり、 エレメント自体ですが、スペースのものを使用しています。これは単純にボックスモデルから計算された値です。

自分で計算するか、JSフレームワークでそれを行う必要があります。DojoとjQueryの両方にユーティリティ機能があります。

関連する問題