親ページから Iframe 内の Textarea 要素にアクセスするにはどうすればよいですか?

JavaScript 経由で Iframe 要素にアクセスする

textarea をカプセル化する iframe を含む Web ページを実装する場合、textarea の値にアクセスするのが困難になる場合があります親ページから。 window.parent.getelementbyID().value のような使用法は、iframe のテキストエリアを除いて、親ページからデータを正常に取得できる可能性があります。

この問題に対処するには、iframe の ID と名前の動的な性質を回避する必要があります。親ページ。 HTML と JavaScript の理解を活用すると、次のように iframe 要素にアクセスできます:

• まず、iframe が form 要素内に埋め込まれている HTML 構造を取得します:

<form name="formname">

• 続いて、次の JavaScript を使用して iframe のコンテンツ ドキュメントを参照します。

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

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

「inside」変数が iframe のドキュメントを参照するようになり、次のようなメソッドを使用できるようになります。 getElementsByTagName('textarea') は、iframe のコンテンツにアクセスして操作します。

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