他のページからWebページのUI要素を隠す[wordpress]

Question

WebページのUI要素を別のWebページから隠しているときに、Webに直面して直面しています。 シナリオ：

1. 私はワードプレスサイト（Theme-TwentySeventeen）を持っています。
2. ログアウトボタンを画像に示すようにプログラムでページに追加しました。
3. 複数の投稿 があり、すべての投稿にはボタン（再生ビデオ）があります。
4. Play Videoボタンをタップすると、iframe（ファンシーボックス）が表示されます。別のボタン「ログイン」があります。
5. 私はショー/「ログイン」iframe内ボタンをクリックに基づいてメインページにログアウトボタンを非表示にしたいです。

iFrameのIDを使ってログアウトボタンにアクセスしようとしました。しかし、iFrameのソースコードの一部ではありません。私はそれにアクセスすることができませんでした。

P.S. JQueryを使ってメインページからログアウトボタンを表示/非表示にすることができます。

クエリ： あるページから他のページに通知する方法はありますか？

Answer 1

ガイドIは、親ウィンドウから要素にアクセスすることにより、この問題を修正してください。私のコードは次のとおりです：

function showLogoutButton(){ 
    var logoutButton = window.parent.document.getElementById('logout'); 
    if (logoutButton) { 
     logoutButton.style.display = 'block' 
    } 
} 

私はそれが良い方法であるかどうかは分かりません。他の方法があればお勧めします。