javascript - 設定されていなくても幅を取得

Question

（オフセットを使用して）divを設定しなくても、divの絶対位置を取得できることはわかっています：http ：//www.quirksmode.org/js/findpos.html

指定しなくても、divの幅（または高さ）を取得できますか？

Answer 1

次のように、offsetHeightまたはを使用できます。offsetWidth

var elem_height = document.getElementById('elem').offsetHeight;
var elem_width = document.getElementById('elem').offsetWidth;

これにより、境界線とパディングを含むディメンションが返されます（マージンは返されません）。

Answer 2

clientWidthとoffsetWidthを使用して幅を取得できます。

var foo = document.getElementById('foo').clientWidth;
var foo = document.getElementById('foo').offsetWidth;

clientWidthは、要素の表示可能な幅を返しますが、境界線、マージン、またはスクロールバーは含まれません。offsetWidthは、要素の幅（境界線とパディングを含む）を返しますが、マージンは返しません。

Answer 3

jQueryを使用できる場合は、簡単に：$（ "＃id"）。width（）または.height（）。これはほとんどのブラウザ（非常に古いブラウザでも）でも機能します。