javascript - d'n'd 后动态更改 css 文件中的位置属性

Question

希望你能再次帮助我:)我想建立一个基于网络的小图形用户界面设计器。用户可以切换到编辑器模式，并可以通过拖放将组件放在他想要的任何地方。当他(她)切换回用户模式时，我希望通过 javascript 更新外部 css 文件中的位置详细信息。我研究了一些可以满足我要求的示例，但我似乎无法弄清楚如何让它发挥作用。

提前致谢，dg

Answer 1

为了使用 JS 编辑外部样式表，您需要使用此处列出的方法:http://www.quirksmode.org/dom/w3c_css.html (请参阅访问样式表和更改样式表)。正如您从 PPK 表中看到的那样，存在一些明显的 CSS 不兼容性 - 这是边缘情况，我不知道您将如何保存这个生成的 CSS 文件。

我会考虑将值发布(可能使用 ajax)回服务器，服务器生成新的 CSS 文件，然后由用户模式页面调用。

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