如何在WordPress页面模板中隐藏iframe的元素


how can i Hide element of iframe in wordpress page template

我在wordpress页面模板中显示iframe。在 iframe src 中,我已经访问了外部站点 URL。问题是我无法在 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';

我没有成功隐藏注销链接。任何人都可以帮助我。我将非常感激。

没有直接的方法可以操纵iframe的内容,由于安全问题,iframe未托管在您的域中。

但是,有一个针对您的问题的"黑客"解决方法:

将 iframe 放在容器div 中,Div 获取相对位置。在容器中放置另一个div 并将其设置为绝对定位,也许是正 z 索引。根据注销链接的大小和位置设置此隐藏div 的宽度、高度和位置。

您不能将 javascript 从另一个域注入到页面中,即使在 iframe 中也是如此。