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。

Answer 2

简单......（假设这是你想要实现的目标）

var elem = document.getElementsByClassName('target_class');
// should use for loop to assign click event to each element containing this class
elem[0].onclick = function() {
  elem[0].style.background = 'green';
  elem[0].style.opacity = '0.2';
}

<div class="target_class" style="width: 200px; height: 200px; background: red"></div>

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

2 个答案: