javascript - 使用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文件，总是不建议做内联样式