Javascript を使用した iframe 要素へのアクセス
Web 開発では、iframe (インライン フレーム) は現在の Web ページに別のドキュメントを埋め込みます。 iframe 内の要素と対話するために、JavaScript はそのコンテンツにアクセスする手段を提供します。
動的に生成された iframe 内の Textarea 値へのアクセス
iframe 内にテキストエリアがある Web ページ。 Javascript を使用して親ページからこのテキストエリアの値を読み取る必要があります。ただし、iframe の ID または名前が動的に変更されると、textarea 値の取得が困難になります。
解決策
この障害を克服するには、「contentWindow」または「 iframe の contentDocument" プロパティ。これらのプロパティは、iframe 内のドキュメント オブジェクトへのアクセスを許可します。
function iframeRef(frameRef) { return frameRef.contentWindow ? frameRef.contentWindow.document : frameRef.contentDocument; } var inside = iframeRef(document.getElementById('one'));
このスクリプトでは、まず ID または名前を使用して iframe 要素への参照を取得します。次に、「iframeRef()」関数を使用して iframe のドキュメント オブジェクトを取得します。これにより、その中の要素にアクセスできるようになります。
たとえば、名前で textarea 要素を取得するには、次のようにします。
var textarea = inside.getElementsByName('textarea')[0];
textarea 要素にアクセスすると、その値を読み取ることができます。
var textareaValue = textarea.value;
このアプローチにより、任意の要素と対話できるようになります。 iframe 内では、動的な ID や名前に関係なく、異なるフレーム間でコンテンツにアクセスするための堅牢なソリューションが提供されます。
以上がJavascript を使用して動的に生成された iframe 内の textarea 値にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。