我怎么能隐藏wordpress页面模板中的iframe元素

Question

我在wordpress页面模板中显示iframe。在iframe src我已经设置了外部网站的网址。问题是我无法隐藏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';

我没有成功隐藏退出的链接。任何人都可以帮助我。我将非常感谢。

Answer 1

没有直接的方法来操纵iframe的内容，因为安全问题而没有托管在您的域中。

但是，您的问题有一个“hacky”解决方法：

将iframe放入容器div中。 Div获得相对定位。在容器中放置另一个div并将其设置为绝对定位，也可能是正z-index。根据logoutlink大小和位置设置此隐藏div的宽度，高度和位置。

Answer 2

您无法将javascript从其他域注入到页面中，即使在iframe中也是如此。