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 を使用して 1 つのページで機能しますが、iframe と parent.getElementById を使用するとエラーが返されます。

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

Answer 1

parent親ウィンドウを参照します。続行するには、そのウィンドウのドキュメントを取得する必要があります。

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