getElementById вне iframe - PullRequest
       3

getElementById вне iframe

0 голосов
/ 01 декабря 2018

У меня проблема при попытке ссылки на идентификатор за пределами предварительно загруженного iframe.Я хотел бы знать, можно ли сослаться на идентификатор, который находится на странице, на которой загружен iframe, например:

<html>
<body>
    <div id="username">Guest</div>
    <iframe src="/file.html">
</body>
</html>

Внутри file.html, есть простой скрипт, который пытается проверить, чтоinnerHTML для 'username':

<html>
<body>
     <div id="result">Empty</div>
     <button id="btn" type="button">Click</button>
     <script>
        document.getElementById('btn').onclick = function() {
            document.getElementById('result').innerHTML = document.getElementById('username').innerHTML;
        }    
     </script>
</body>
</html>

Уже пробовал несколько разных методов, но ни один из них не работает.Я был бы признателен за помощь в разработке этого или, по крайней мере, зная, возможно ли это или нет.

Ответы [ 2 ]

0 голосов
/ 01 декабря 2018

Используйте window.parent.document.getElementById() в iframe для взаимодействия с родительским документом.

0 голосов
/ 01 декабря 2018

Добавьте id к iframe и затем:

document.getElementById("id_of_iframe").getElementById("btn");

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...