javascript – 在iframe页面中添加/更改css

2023年4月2日 249次阅读

我的任务是将此方法用于SharePoint 2013网站,所以这里是.

背景： – 我在SharePoint 2013网站中有一个页面,其中有一个“内容编辑器”webpart,显示同一域/网站集中的页面.下面的代码(不是我的)我放在内容编辑器中,它显示页面都很好.

问题 – 我的要求是在内容编辑器中从页面中“删除globalnav”,我认为它正在使用Iframe.现在我可以使用IE11的F12开发工具找到CSS类,这是后面的ms对话框#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.

我希望这是有道理的,因为这是我第一次使用这个网站提问.在我提出这个问题并尝试了各种各样的事情来完成这项工作之前,我也无休止地进行了搜索,但我不能理解如何实现这一目标.

最佳答案 将以下内容放在iframe之后的页面中

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