如何使用jQuery将HTMLElement转换为将所有css放入样式标记的字符串

Question

是否可以将HTMLElement转换为字符串，将所有css样式（包括使用javascript动态创建的样式）转换为样式标记？

Answer 1

您可以通过访问outerHTML属性

来获取此信息

$("your element selector").prop("outerHTML");

这将返回包含任何内联样式的对象的字符串值。

这不包括单独的css文件中包含的样式。如果这是您需要的，那么我建议您先前查看this和this问题。

Answer 2

获取样式并不是一种选择，因为css规则，内联样式和用户代理样式也会影响实际外观。

您始终可以使用jQuery css()方法获取元素的计算值：ref css()

$(ele).css('height'); //Most of common properties are supported

但那不会影响你的工作。

  

我将使用rasterizeHTML.js将其保存为图像，我需要与浏览器完全相同的元素。

如果这是您的目标，我可以建议您使用已经做得很好的其他方法和库：html2canvas

在html2canvas中，结果非常准确，主要限制在于图像 - 但有几种方法可以克服这些问题，例如将图像用作背景。

希望我帮助过。