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

Question

我正在阅读这个问题，但我的脚本仍然无法正常工作： 在 iframe 中运行的 javascript 会影响主页吗？

我有我的主页 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 = "";