Обращение из родительской формы к элементу в iframe

17.02.2021

Бывает нужно обратиться из родительского окна к элементу внутри iframe и передать или получить из него какие-либо данные.

Обновленная (17.02.2021) версия:

 
let elIframe1 = document.getElementById('soIframe1');
elIframe1.addEventListener( "load", function(e) {
    let iframeDocument = elIframe1.contentDocument || elIframe1.contentWindow.document;
    let el1 = iframeDocument.getElementById('soUrl');
    el1.value = document.getElementById('soUrl').value;
});

Прошлый вариант:

Основной файл:

<script type="text/javascript">
  function f1(name)
  {
    var el_iframe1 = document.getElementById('iframe1');

    var el1 = el_iframe1.contentDocument.getElementById(name);
    el1.value = "12";
  }
</script>


<iframe name="iframe1" id="iframe1" src="2.html">...</iframe>

<a name="123" onClick="f1('test1');" href="#">test</a>

Код iframe файла:
1	<input name="test1" id="test1" type="text" value="test">

Категории: JavaScript

Обращение из родительской формы к элементу в iframe

Связанные материалы: