Question

在尝试引用预加载的iframe之外的ID时遇到问题。我想知道是否可以引用加载iframe的页面上的ID，例如：

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

在file.html中，有一个简单的脚本可以尝试检查“用户名”的innerHTML是什么：

<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>

已经尝试了几种不同的方法，但是它们都不起作用。我很乐意帮助您解决此问题，或者至少知道是否有可能。

Answer 1

在iframe中使用window.parent.document.getElementById()与父文档进行交互。

Answer 2

将id添加到iframe，然后：

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

iframe

2 个答案: