javascript - 将代码注入 iFrame 以隐藏特定元素

Question

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

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

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

Answer 1

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

这个 jquery 插件处理得很好：http ://benalman.com/projects/jquery-postmessage-plugin/

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