如何使用jQuery将样式转换为字符串并将所有样式放入HTMLElement标签中

Question

是否可以将样式转换为字符串，将所有css样式(包括使用javascript动态创建的样式)放入HTMLElement标签中？

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中，结果是相当准确的，主要的限制是图像-但有几种方法可以克服这一点，比如使用图像作为背景。

希望我能帮上忙。