を取得するには
var iframe = document.getElementById('iframeId');
var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
または、「||」を使用してコードを簡略化することもできます。演算子:
このコードは、iframe の contentDocument プロパティと contentWindow.document プロパティの両方をチェックして、内部ドキュメント (iframe コンテンツ) を取得します。
内部ドキュメントを取得したら、次のことができます。メイン ページの要素と同様に、その要素を操作します。たとえば、 を取得できます。 innerDoc.getElementById('divId').
重要な注意:
- iframe はプライマリ ページと同じドメインに配置する必要があることに注意することが重要です。クロスサイト スクリプティングの問題を防ぐため。クロスサイト スクリプティングは、あるドメインのスクリプトが承認なしに別のドメインの情報にアクセスするときに発生します。このトピックの詳細については、次のリソースを参照してください。
- MDN:
MDN: 同一オリジン ポリシー: クロスオリジン スクリプト API アクセス
以上がIFrame 内の Div 要素にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。