クロスドメイン状況で JavaScript から iFrame 要素にアクセスするにはどうすればよいですか?

JavaScript から iFrame 要素にアクセスする

Web 開発では、外部コンテンツまたはページを埋め込むために iFrame を利用するのが一般的です。ただし、親ページから iFrame 内の要素にアクセスするのは難しい場合があります。

問題の説明

開発者は、配置された textarea 要素にアクセスできないという問題に遭遇しました。子ページの window.parent.getelementbyID().value を使用して iFrame 内で。彼らは、親ページから textarea の値を取得する解決策を探しています。

解決策

この問題を解決するには、iFrame と親ページは同じドメイン内に存在します。このコレクションを利用すると、通常のドキュメント オブジェクトの要素にアクセスするのと同様の構文を使用して iFrame 要素にアクセスできるようになります:

<code class="js">// replace 'myIFrame' with the iFrame's id
// replace 'myIFrameElemId' with the textarea's id within the iFrame
window.frames['myIFrame'].document.getElementById('myIFrameElemId')</code>

ただし、このアプローチは次の場合にのみ適用できることに注意することが重要です。 iFrame と親ページは同じドメイン内にあります。クロスドメインのシナリオでは、セキュリティ上の懸念が生じ、ブラウザーは安全を目的としてそのようなアクセスを制限する必要があります。

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