将代码注入 iFrame 以隐藏特定元素答案

【问题标题】：Inject Code into an iFrame to Hide a Specific Element将代码注入 iFrame 以隐藏特定元素
【发布时间】：2013-10-14 15:01:07
【问题描述】：

我正在尝试使用 CSS/jQuery/Javascript 隐藏 iFrame 中加载的元素。 iFrame 内容位于不同的域中。我试图隐藏 iFrame 内加载的页面上的按钮。按钮 HTML 是：

<a href="/Communication" id="lbtnMessage" class="bsrpBlueButtonLink">
    <div class="NavButtonMess">
        <span>Messages</span>
    </div>
</a>

我在互联网上阅读了关于这是否可能的混合答案。我只需要能够在 iFrame 源代码中隐藏这段代码。我这有可能吗？

【问题讨论】：

【解决方案1】：

一种可能的解决方案是使用 postMessage，显然您需要控制两个域。

如果您不控制这两个域，那么出于安全考虑，这是不可能的。您所能做的就是调整 iframe 的大小/隐藏 iframe。

【讨论】：