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

Question

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

例如，如果我有：

<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文件，则始终不建议使用内联样式