JavaScript で iFrame 内の要素にアクセスするにはどうすればよいですか?

JavaScript での iFrame 要素へのアクセス

問題:

ウィンドウを使用して親ページから iFrame 内のテキストエリアにアクセスする.parent.getElementById() メソッドは null を返します。

解決策:

iFrame 内の要素にアクセスするには、ドメイン関係に基づいた別のアプローチが必要です:

iFrame が同じドメインにある場合:

• window.frames コレクションを使用して iFrame にアクセスします:

<code class="javascript">// replace "myIFrame" with your iFrame's id
var iFrameDoc = window.frames['myIFrame'].document;
// replace "myIFrameElemId" with your iFrame's element id
var iFrameElem = iFrameDoc.getElementById('myIFrameElemId');</code>

iFrame が別のドメインにある場合:

• セキュリティ上の理由により、iFrame 要素へのクロスドメイン アクセスはブラウザによって制限されています。
• プロキシ ページを使用するか、 HTML5 postMessage などのクロスドメイン通信メカニズムを作成します。

以上がJavaScript で iFrame 内の要素にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。