如何将默认的css属性解析为内联样式属性

Question

目前我有一个页面，用户可以在其中创建div并将其拖放到另一个div id="holder"中。

我有一个保存按钮，可以获取持有者的html。 $('#Holder').html();

持有者中的div具有CSS文件和内联样式的一些样式：jQuery添加了style="left:10px; right:10px; background-color:#000000;"。

我想要的是将CSS文件的样式与内联样式相结合，这样我就可以使用$('#holder').html();并拥有所有样式。

问题：如何将CSS样式解析为style="" attr。

在信息之后我得到了一个例子：http://jsfiddle.net/Ub9ZD/

正如您所看到的，我错过了宽度，高度和位置风格。

==编辑==

在查看给定的链接之后，我仍然在努力解决这个问题。

我仍然无法从文件中组合内联样式和CSS样式。

进度：http://jsfiddle.net/Ub9ZD/39/

Answer 1

这并不像听起来那么容易，不是长镜头。如果要查看对象的CSS属性，可以使用jQuery提供的.css()函数。基本上，您将通过.css()函数检索每个元素的样式，并使用htmlELement.style方法将它们重新应用于元素。然后，从理论上讲，.html()将为您提供该元素上所有CSS样式的列表。

您确定这是您需要的，还是只能按照预期的方式使用.css()？