如何将div的样式与页面的样式隔离?

问题描述

我有一个div,它读取iframe内容并将正文复制到div中,使得iframe内容和{{1} }的内容变得相似。但是问题出在使用div的{​​{1}}内容,特别是iframe标签内容时,我需要将其复制到head内容中。

我的div如下所示是

style

当前,这就是我访问div内容并将其放入<div class="iframe-content"> </div> 内的方式

iframe

我能够复制div内容,但是无法让// I have an iframe which I access like below ifraMetag = event.target.parentElement.nextElementSibling.querySelector("iframe") iframeContent = ifraMetag.contentwindow container = iframeContent.document.querySelector("body").innerHTML document.querySelector(".iframe-content").innerHTML = container 读取iframe的{​​{1}}标签内容。这就是我尝试过的

div

但是什么也没发生。有什么方法可以使iframe读取特定style标签内容,而不依靠当前html的style = document.getElementsByTagName('style')[0].innerHTML $('head').append(style) 页?

更新:

在执行以下操作时,我至少可以使div读取style标签内容,但是某些类与index.css类发生冲突,从而导致主UI搞砸了。 / p>

div

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)