如何隱藏iframe頁面模板中的iframe元素

我在wordpress頁面模板中顯示iframe。在iframe src中，我已經使用了外部網站的網址。問題是我無法隱藏iframe中的註銷鏈接。我曾嘗試以下提到的代碼： -如何隱藏iframe頁面模板中的iframe元素

frame = document.getElementById("toolkit-iframe"); 
frame.document.getElementById("top-nav-links").style.display='none'; 

OR 

frame = document.getElementById("toolkit-iframe"); 
frame.contentDocument.getElementById("top-nav-links").style.display='none';

我沒有得到任何成功隱藏註銷的鏈接。任何人都可以幫助我嗎？我會非常感謝。

來源

2012-07-04 Arvind Pal

如果iframe的內容來自其他域，您將無法訪問它。 – Maerlyn

@Maerlyn http://en.wikipedia.org/wiki/Same_origin_policy我已經閱讀從維基政策，但有可能隱藏它使用CSS？正如它表示無法通過另一個域訪問，與我的情況一樣，但有任何可能做到這一點？ –

哈克解決方案，但如何將一個額外的div與絕對位置放在註銷鏈接之上？ – algi

沒有直接的方法來操縱iframe的內容，由於安全問題，該內容不在您的域中。

但是，對於你的問題是「哈克」的解決方法：

將您的div容器iframe中。 Div獲得相對定位。將另一個div放在容器中，並將其設置爲絕對定位，也許是一個積極的z-索引。根據註銷鏈接的大小和位置設置此隱藏div的寬度和高度以及位置。

來源

2012-07-04 12:59:02 algi

非常感謝你@agieche，致力於你的建議和工作。 –

我很高興，它幫助！乾杯。 – algi

即使在iframe中，您也無法將javascript注入到來自其他域的頁面中。

來源

2012-07-04 12:21:59 Falci

如何隱藏iframe頁面模板中的iframe元素

回答

相關問題