在d'd之后动态改变css文件中的位置属性

Question

希望你能再次帮助我:) 我想建立一个基于网络的gui设计师。用户可以切换到编辑模式，并可以通过拖放将组件放在他想要的任何地方。当他切换回用户模式时，我希望通过javascript更新外部css文件中的位置详细信息。 我看了一些例子，那些做我想做的事情，但我似乎无法弄清楚，如何让它发挥作用。

thnx提前， 分克

Answer 1

要使用JS编辑外部样式表，您需要使用此处列出的方法：http://www.quirksmode.org/dom/w3c_css.html（请参阅访问样式表和更改样式表）。从PPKs表中可以看出，有一些重要的CSS不兼容性 - 这是边缘情况，我不知道如何保存这个生成的CSS文件。

我会查看将（可能带有ajax）值返回到服务器，该服务器生成新的CSS文件，然后由用户模式页面调用。

在编辑模式下，我将所有样式内联（style =“...”），然后在提交页面时，枚举每个元素的样式属性以提取值并使用它们来构建POST请求。然后在服务器上创建新文件。

Answer 2

你想使用jquery ...它使用css来选择元素组，并允许你在你选择的元素上操纵css样式

假设你有一个带有类awesomeDiv的div元素：

<div class="awesomeDiv">some content</div>

您可以使用jquery选择它，并使用以下行：

$(".awesomeDiv")

你可以像这样更改css：

$(".awesomeDiv").css({'background-color': '#000000', 'width': '250px'});