divの幅/高さをHTMLで100％に設定する方法

Question

100％に設定されたdivの幅/高さを取得する方法はありますか？ここで

は私がしようとしているものの例である： http://jsfiddle.net/TUMsN/1/

私は青色のボックスをクリックすると、親の幅/高さが空の文字列を返します...

Answer 1

使用offsetHeightstyle.heightの代わりに

<div style="height: 200px; ">Hello</div> 

をしかし、あなたはoffsetHeightを使用する場合には、高さが設定されているに関係なく動作します： 要素の高さは、インラインスタイル属性で指定されていないため、現在のように、style.heightを使用することはできません。

http://jsfiddle.net/marcosfromero/TUMsN/2/

別の方法としては、jQueryのを使用してheight()方法を使用することができます。

http://jsfiddle.net/marcosfromero/TUMsN/3/

Answer 2

あなたがoffsetHeightとoffsetWidthを使用する必要があります。

私はフィドルを更新しました。見てください：http://jsfiddle.net/TUMsN/4/