javascript - 如何使用JS在CSS文件中编写CSS样式？

Question

假设我有一个 CSS 文件 custom_style.css 和一个 HTML 文件 custom_render.html。

custom_render.html 包含一些输入字段以从用户那里获取输入，然后根据这些输入生成 CSS 样式。

现在我想将那些生成的 CSS 样式 存储在一个名为 custom_style.css [位于我的元素根目录中] 的 CSS 文件中，以便我可以显示用户预览/输出他们的选择。

谷歌搜索后，我找到了一种使用 JavaScript 将生成的 CSS 存储在同一文件 [custom_render.html] 中的方法，但我想将它们存储在 custom_style.css 中.

谁能告诉我如何使用 JavaScript 或其他 JavaScript 框架在 CSS 文件中编写 CSS 样式。
- 谢谢

Answer 1

好吧，您可以在样式表中修改对象的参数。例如:

document.styleSheets[i].rules[j].style.marginTop = "100px";

i 为要编辑的工作表对应的编号

和

j 是您要为其更改参数的元素规则。

在这种情况下，我使用 marginTop 作为参数，使用 100px 作为值，但它可以是您想要的任何有效 CSS。