將代碼注入到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的大小。