JavaScript での iFrame 要素へのアクセス

JavaScript の複雑な操作を行うと、特に iFrame を扱う場合に困難が生じることがあります。 iFrame 内にある textarea の値をその子ページから取得しようとすると、一般的な苦境が発生します。この点において、従来の方法は不十分でした。

解決策を掘り下げるには、ブラウザによって課せられるセキュリティ制約を認識することが重要です。 iFrame とその子ページが同じドメインを共有している場合、アクセスは JavaScript の window.frames コレクションを通じて許可されます。このアプローチを採用すると、親ページのドキュメント オブジェクトの一部であるかのように iFrame 要素を操作できます。

// substitute myIFrame with your iFrame ID
// replace myIFrameElemId with your iFrame's element ID
// interact with window.frames['myIFrame'].document as you would with the parent document
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

ただし、iFrame のドメインが親ページと異なる場合、セキュリティ対策によりフレーム内の要素への不正アクセスが防止されます。 -元のポリシー。"