javascript - ガジェットの高さを 100% にするにはどうすればよいですか?

Question

皆さん、こんにちは。

Google サイトを使用しており、ガジェット (iFrame) をサイトに埋め込もうとしています。正常に動作していますが、Google サイトでは、ガジェットを拡張してコンテンツの高さを埋めることができません。100% の幅と固定の高さのみが許可されます。

埋め込みガジェット (iFrame) で独自の JavaScript を実行することが許可されているため、高さをピクセル単位で動的に計算し、親ページの Dom のHTMLIFrameElementへの参照を取得し、そこから高さを変更することで問題を解決しようとしています。 .

カスタム ガジェット ファイル (iFrame) から、親Windowオブジェクトへの参照を取得できますが、parent.documentは を返しますundefined。

これは私のカスタム ガジェット ファイルg5.xmlです。

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
    <ModulePrefs title="My Gadget" /> 
    <Content type="html">
<![CDATA[
<script>
document.body.onload = function(){
    var content_height = document.getElementById('content').clientHeight;
    alert(parent); // [object DOMWindow]
    alert(parent.document); // undefined
};
</script>
<div id="content">
    some<br>content<br>here
</div>
]]>
    </Content> 
</Module>

parent.documentが返された場合、iFrame の親の DOM 要素にアクセスする方法はありますundefinedか?

Google サイトでガジェットの高さを 100% にする他のソリューションはありますか?