javascript - IFRAME の高さを動的に変更する

Question

Google トレンド チャートの高さの問題を動的に修正するにはどうすればよいですか。例として、次のコードの出力を見てください。

<iframe width="600" height="320" src="http://www.google.com/trends/fetchComponent?hl=en-US&q=css-showcase&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=600&h=320" style="border: none;"></iframe>

<hr>
first contents

<hr>

<iframe width="600" height="320" src="http://www.google.com/trends/fetchComponent?hl=en-US&q=html5&content=1&cid=TIMESERIES_GRAPH_0&export=5&w=600&h=320" style="border: none;"></iframe>

<hr>
second contents

jsFiddle の場合: http://jsfiddle.net/yzw8Y/

Answer 1

iframe の ID を設定する

そしてjqueryで高さを設定

$('#idval').css('height','800px');