JavaScriptでiFrame内のFormをsubmitする方法

2011/03/07 18:34

このQ&Aのポイント

JavaScriptで、iFrame内のFormをsubmitする方法を教えてください。
条件は、iFrameに読み込むページはFormにIDもNameも設定されていない状況で、そのiFrame内のフォームをsubmitする方法です。
Form名がわからないため、getElementsByTagName("form")[0]を使用して呼び出す方法を試しましたが、うまく動作しませんでした。

urdmerry
お礼率100% (6/6)

JavaScript
回答数1
ありがとう数2

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

OrangeCup150
ベストアンサー率62% (109/174)

2011/03/07 21:22 回答No.1

操作のポイントはこれです。 pushSubmit(){document.ifl.document.forms[0].submit();} getElementsByTagName を使いたい場合はこちら function pushSubmit(){document.ifl.document.getElementsByTagName("form")[0].submit();} サンプルコードは以下のようになります。 <iframe> の src が同一ドメインであれば、 JavaScript でフレーム内を操作できますが、異なるドメインであれば、エラーになります。 index.html <html><body><script>function pushSubmit(){document.ifl.document.forms[0].submit();}</script><a href="#" onclick="pushSubmit()"><iframe> submit</a><br><iframe name="ifl" src="framepage1.html"></iframe></body></html> framepage1.html <html><body>frame page 1<form action="framepage2.html"></form></body></html> framepage2.html <html><body>frame page 2</body></html> >条件： >iFrameに読み込むページは千差万別で、FormにIDもNameも設定されていない状況（ただし、必ずFromは１つ）で、そのiFrame内のフォームをsubmitする方法。読み込むページは千差万別とありますが、セキュリティ仕様により、操作できる対象は同一ドメインに限定されます。なお、ドメインは、 document.domain プロパティで集約的変更ができます。例 www.example.co.jp --> example.co.jp www2.example.co.jp --> example.co.jp document.domain = "example.co.jp"