为了使具有样式的 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]的所有外部和内部样式?
最佳答案
你有多少 CSS 属性?如果不是很多,你可以做类似 $("#foo").css("border", "1px");
如果有很多CSS文件,总是不建议做内联样式
关于javascript - 使用javascript将外部和内部样式转换为内联样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25336487/