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

Question

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

脚本通过以下方式加载：

我们想隐藏一个带有类的导航栏.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>

有任何想法吗？

标签： javascripthtml