在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 = "";