javascript - 在 iframe 中使用 Javascript 定位主页

Question

我正在阅读这个问题，但我的脚本仍然无法正常工作: Can javascript running inside an iframe affect the main page?

我有我的主页 test.php

<div id="testfield">Some text here</div> 
<iframe id="upload_target" name="upload_target" src="" style="..."></iframe>

在 iframe 页面中，我有一个按钮，应该删除主页上 div 内的内容。

<button onclick="goNow();">TEST ME</button>

这是按下按钮时触发的 Javascript 部分:

function goNow() {
parent.getElementById('testfield').innerHTML = '';
}

这一切都可以在一个带有 document.getElementById 的页面上运行，但是一旦我使用 iframe 和parent.getElementById，它就会返回一个错误:

Error: Object doesn't support property or method 'getElementById'

Answer 1

parent 指的是父窗口。然后您需要获取该窗口的文档才能继续。

parent.document.getElementById('testfield').innerHTML = "";