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

Question

У меня есть веб-страница, на которой есть текстовая область внутри iframe. Мне нужно прочитать значение этой текстовой области с дочерней страницы, используя JavaScript.

В настоящее время, используя window.parent.getelementbyID().value в JavaScript, я могу получить значения всех элементов управления на родительской странице, кроме текстовой области в iframe.

Может кто-нибудь дать мне какие-нибудь советы по решению этой проблемы?

Answer 1

Если ваш iframe находится в том же домене, что и родительская страница, вы можете получить доступ к элементам, используя document.frames collection.

// replace myIFrame with your iFrame id
// replace myIFrameElemId with your iFrame's element id
// you can work on document.frames['myIFrame'].document like you are working on
// normal document object in JS
window.frames['myIFrame'].document.getElementById('myIFrameElemId')

Если ваш iframe находится не в том же домене, браузер должен запретить такой доступ по соображениям безопасности.

Answer 2

Вы должны получить доступ к кадрам с window, а не с document

window.frames['myIFrame'].document.getElementById('myIFrameElemId')

Answer 3

window.frames['myIFrame'].document.getElementById('myIFrameElemId')

не работает для меня, но я нашел другое решение. Использование:

window.frames['myIFrame'].contentDocument.getElementById('myIFrameElemId')

Я проверил это на Firefox и Chrome.

Answer 4

Убедитесь, что ваш iframe уже загружен . Старый, но надежный способ без jQuery:

<iframe src="samedomain.com/page.htm" id="iframe" onload="access()"></iframe>

<script>
function access() {
   var iframe = document.getElementById("iframe");
   var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
   console.log(innerDoc.body);
}
</script>

Answer 5

у меня этот код работал:

window.frames['myIFrame'].contentDocument.getElementById('myIFrameElemId');

Answer 6

Два пути

window.frames['myIFrame'].contentDocument.getElementById('myIFrameElemId')

OR

window.frames['myIFrame'].contentWindow.document.getElementById('myIFrameElemId')