javascript - jQuery .html() 和注入内联 CSS 样式？

Question

以下代码从表格中提取 HTML 并将内容注入 HTML 电子邮件。

var content = $j('#product_comparison').html();

这种方法的问题是 HTML 电子邮件失去了样式，因为原始表格引用了外部样式表，而我对 HTML 电子邮件的理解是所有样式都应该是内联的，而不是在外部或<style>标签内引用。

是否有任何 Javascript / jQuery 方法可以创建包含内联样式的 HTML，以便结果正确显示在 HTML 电子邮件中？

Answer 1

好吧，如果您想要一种粗略但快速的方法来实现这一点，您可以执行以下操作来将一个特定元素的样式属性设置为其所有计算样式：

$('#my-div').css(window.getComputedStyle(document.getElementById('my-div')));

尽管这将为您提供该项目的所有样式属性。

当然，您不能简单地使用该.html()方法，您需要单独克隆每个元素。

http://jsfiddle.net/QfN6N/1/

Answer 2

一旦你得到了 HTML，粘贴到下面链接的工具中，前面是<link>CSS 文件，它会自动内联所有相关的 CSS。

MailChimp CSS 内联

希望这可以帮助。