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

ドキュメントを参照して JavaScript で iframe 要素にアクセスする

Web 開発では、多くの場合、親から iframe 内の要素を操作する必要があります。ウィンドウ。ただし、セキュリティ上の制限により、iframe 要素に直接アクセスするのは難しい場合があります。この記事では、contentWindow または contentDocument プロパティを利用して iframe のドキュメントへの参照を取得することで、この課題を解決する方法を紹介します。

iframe 要素にアクセスするには、次の手順に従います。

1. iframe 要素を ID または名前で指定します。
2. 子ウィンドウにアクセスするには、iframe 要素の contentWindow プロパティを使用します。そのプロパティが未定義の場合は、代わりに contentDocument プロパティを使用します。
3. 子ウィンドウの document プロパティを利用して、iframe のドキュメントへの参照を取得します。
4. これで、JavaScript メソッドを使用してアクセスできるようになりました。 getElementsByTagName() など、iframe 内の要素を操作します。

たとえば、次の HTML を考えてみましょう。コード:

<form name="formname" ....>

iframe 内の textarea 要素にアクセスするには、次の JavaScript を使用します:

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

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

変数 'inside' が iframe のドキュメントへの参照を表すようになり、次のことが可能になります。必要に応じてその要素にアクセスして操作します。

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