javascript - 将元素中的 CSS 与页面的其余部分隔离

Question

我在页面中显示 HTML 电子邮件，通常这些邮件带有我需要与主页隔离的一般样式信息。例如，如果电子邮件看起来像这样:

<style type="text/css">
body { background-color:#000; }
</style>
<div>
  email's content here
<div>

我最终在整个页面上使用了黑色背景。

我已经尝试过 iframe，但我需要内容的高度是动态的(我不知道每封电子邮件有多大，直到它被呈现)，这似乎只能用 javascript 来实现。这是一个选项，但它似乎很老套。是否有标准、干净的方法来执行此操作？

Answer 1

如果您的条件允许，您可以在其自己的 iframe 中显示每封电子邮件。