从其他页面隐藏网页的UI元素[wordpress]

Question

我是网络新手，在从其他网页隐藏网页中的UI元素时遇到问题。 情形：

1. 我有一个WordPress网站（Theme-TwentySeventeen）。
2. 我在页面上以编程方式添加了注销按钮，如图所示。
3. 我有多个帖子， 并且每个帖子都有一个按钮（播放视频）。
4. 当用户点按“播放视频”按钮时，会出现 iframe （fancybox）。它有另一个按钮“登录”。
5. 我希望显示/隐藏主页上的退出按钮，具体取决于点击iFrame中的“登录”按钮。

我尝试使用iFrame中的ID访问Logout按钮。但它不是iFrame源代码的一部分。我无法访问它。

P.S。我可以使用JQuery从主页面显示/隐藏注销按钮。

查询： Web中是否有任何方法可以将通知从一个页面传递到其他页面？请指导

Answer 1

我通过从父窗口访问元素来修复此问题。我的代码如下：

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

我不确定这是不是一个好习惯。如果您有任何其他方法，请建议。