将CSS应用于通过JavaScript加载的iframe

如何更改通过JavaScript加载的iframe的样式

脚本通过以下方式加载：

我们想隐藏带有class

.navbar

已尝试以下操作，但不起作用：

<script type="text/javascript">
window.onload = function() {
   let myiFrame = document.querySelector('iframe');
   let doc = myiFrame.contentDocument;
   doc.body.innerHTML = doc.body.innerHTML + '<style>.navbar {display:none !important;}</style>';
}
</script>

window.onload=函数（）{
让myiFrame=document.querySelector（'iframe'）；
让doc=myiFrame.contentDocument；
doc.body.innerHTML=doc.body.innerHTML+'.navbar{display:none！important；}'；
}

---

有什么想法吗？

请尝试

myiFrame.style.display=“none”

可能重复，请检查此处，它可能包含您要查找的答案：