javascript - 在 Iframe 页面中添加/更改 css

Question

我的任务是在 SharePoint 2013 网站上使用这种方法，所以开始吧。

背景: - 我在 SharePoint 2013 网站中有一个页面，其中有一个“内容编辑器”web 部件显示来自同一域/网站集中的页面。下面的代码(不是我的)我放在内容编辑器中，它显示页面一切正常。

问题 - 我的要求是从我认为使用 Iframe 的内容编辑器中的页面“删除 globalnav”。现在我可以将 F12 开发工具与 IE11 一起使用并找到以下 CSS 类 - ms-dialog #globalNavBox 并将显示设置为 "none" 这正是我希望它看起来如何。

我唯一不知道如何在这里实现的是如何通过在显示嵌入页面的页面上使用某种代码来实现这一点。??

这是我在内容编辑器中用来显示我要修改的页面的代码。

#mydiv{

width:1280px; height:1000px;
 overflow:hidden;
 ;
}

#myframe{
 ;
 top:-190px;
 left:-100px;
 width:1080px;
 height:1000px;

}
</style>
<div id="mydiv">
<iframe id="myframe" src="/gen/genInduction/Lists...blah scrolling="no"></iframe>&#160;</div>

现在我不知道如何添加代码(如果可以的话)以删除 css .ms-dialog #globalNavBox {display: none;} 以便在显示页面时删除 globalnav。

我希望这是有道理的，因为这是我第一次使用这个网站提问。在问这个问题之前，我也进行了无休止的搜索，并尝试了各种方法来使这项工作有效，但我只是无法/理解如何实现这一目标。

Answer 1

将以下内容放在页面中 iframe 之后

<script>
document.getElementById("myframe").contentDocument.getElementById("globalNavBox").style.display="none";
</script>