Доступ к элементам iFrame в JavaScript

Навигация в тонкостях JavaScript часто может представлять трудности, особенно при работе с iFrame. Распространенная проблема возникает при попытке получить значение текстовой области, находящейся внутри iFrame, из его дочерней страницы. Традиционные методы в этом отношении не оправдывают ожиданий.

Чтобы найти решение, крайне важно признать ограничения безопасности, налагаемые браузерами. Если iFrame и его дочерняя страница используют один и тот же домен, доступ предоставляется через коллекцию window.frames JavaScript. Используя этот подход, можно взаимодействовать с элементами 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 отличается от родительской страницы, меры безопасности предотвращают несанкционированный доступ к элементам внутри фрейма из-за «одного и того же» -политика происхождения."