将代码注入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。