使用javascript将外部和内部样式转换为嵌入式样式

Question

为了使具有样式的html内容更具可移植性，我需要将所有外部样式（ <link>导入外部.css）和内部样式（由<style>定义）转换为元素的内联样式。

例如，如果我有：

<link rel="stylesheet" href="common.css">
<style>
.alert { color: red; font-weight: bold; }
</style>

<div id="foo" class="special alert" style="font-size: 2em;">something</div>

和common.css与：

.special { border: 1px solid dotted; }

我想要这样的结果：

<div id="foo" class="special alert" style="border: 1px solid dotted; color: red; font-weight: bold; font-size: 2em;">something</div>

当前的问题是如何获取应用于div [#foo]的所有外部和内部样式？

Answer 1

您有几个CSS属性？ 如果不是很多，您可以执行类似$（“＃foo”）。css（“ border”，“ 1px”）;

如果有很多CSS文件，则始终不建议使用内联样式