JavaScript を使用して IFrame のコンテンツにアクセスするにはどうすればよいですか?

JavaScript で iframe のコンテンツにアクセスする方法

純粋な JavaScript を使用して iframe 内の body 要素のコンテンツを取得するには、次の手順を実行します。以下のいくつかの手順に従う必要があります:

1. Iframe オブジェクトを取得します:

const iframe = document.getElementById('id_description_iframe');

2. Iframe のコンテンツ ドキュメントにアクセスします。
jQuery ソース コードによると、次のコードはクロスブラウザ ソリューションを提供します。

const iframeDocument = iframe.contentDocument || iframe.contentWindow.document;

3. Iframe 内の要素を選択します:
iframe のコンテンツ ドキュメント内の要素を選択するには、次を使用します:

const iframeContent = iframeDocument.getElementById('frameBody');

4. Iframe 内で関数を呼び出す:
iframe 内のグローバル関数または変数にアクセスするには、iframe ウィンドウを取得します。オブジェクト:

const iframeWindow = iframe.contentWindow;

例:

iframeContent = iframeWindow.jQuery('#frameBody'); // if jQuery is loaded within the iframe

考慮事項:

• iframe とそのコンテンツは同一生成元ポリシーに準拠しています。
• この解決策は残ります。短くて読みやすく、ブラウザ間の互換性も備えています。

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