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

JavaScript を使用した iFrame 要素へのアクセス

テキストエリアを含む iFrame を含む Web ページがあるシナリオでは、標準の JavaScript 手法を使用してテキストエリアの値にアクセスするのが困難になる可能性があります。 。通常、親ページ内の値を取得するには、window.parent.getElementById().value を使用します。ただし、このアプローチは iFrame の分離された性質により失敗します。

iFrame ID と名前は実行時に変更される可能性があるため、この制限に対処するには動的なソリューションが必要です。重要なのは、ID や名前に依存せずに iFrame コンテンツにアクセスすることにあります。次の JavaScript コードは、包括的なソリューションを提供します。

function iframeRef( frameRef ) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

このコードは、iFrame 参照を取得し、iFrame が contentWindow と contentDocument のどちらを使用しているかを動的に識別します。次に、内部変数への参照を割り当てます。

内部変数を使用すると、iFrame 内の要素、この特定のケースではテキストエリア内の要素にアクセスできるようになります。

inside.getElementsByTagName('textarea')

これ包括的なソリューションにより、実行時に変更される ID や名前に関係なく、iFrame 内の要素への信頼できるアクセスが提供されます。

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