javascript - 将引用的样式表动态添加到内联样式

Question

场景

我创建了一个页面，客户可以在其中构建自己的页面、日历、小部件、文章等。我创建了第二个动态构建器页面，客户可以在其中构建自己的时事通讯。

问题

我所有的 css 都是用类引用的，因为邮件程序非常有限，我必须添加所有样式内联。

问题

有没有我可以运行的脚本来通过类获取所有引用的样式，并将其添加到相关元素/标签内联样式？

示例[简单]

<p class='txtBlack'>Hello World</p>

转换为

<p class='txtBlack' style='color:#000;'>Hello World</p>

希望这足够清楚，便于理解。

Answer 1

我会为每个元素使用 element.currentStyle 和 window.getComputedStyle()，然后“手动”读取我想要的内容并覆盖我确定的内容在邮件应用程序中不起作用。

我在这里做了例子:http://jsfiddle.net/Vmc7L/

另一种方法是从样式表中读取规则，然后将它们应用于内联样式。但是如果你有像 .myClass:firstChild>.anotherClass 这样的选择器呢？ :D 也许 jquery 可以提供帮助。

您需要以下方法:http://www.quirksmode.org/dom/w3c_css.html