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