如何使用JS在CSS文件中编写CSS样式？
如何使用JS在CSS文件中编写CSS样式？
提问于 2017-02-18 07:40:22
假设我有一个CSS文件custom_style.css和一个custom_render.html.文件
custom_render.html包含从用户获取输入的输入字段，并根据这些输入生成CSS样式。
现在，我希望将那些custom_style.css生成的CSS样式存储在一个名为的CSS文件中，该文件位于我的项目根目录中，这样我就可以向用户展示他们选择的预览/输出。
googling之后，我找到了一种使用custom_render.html将生成的CSS存储在同一个文件JavaScript中的方法，但我想将它们存储在custom_style.css.中。
有人能告诉我如何使用JavaScript或其他JavaScript框架在CSS文件中编写CSS样式吗？
- 谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2017-02-18 07:53:23
您可以修改样式表中对象的参数。例如：
document.styleSheets[i].rules[j].style.marginTop = "100px";i是与要编辑的工作表对应的数字。
和
j是您想要更改参数的元素规则。
在本例中，我使用marginTop作为参数，使用100px作为值，但它可以是任何有效的CSS。
Stack Overflow用户
发布于 2017-02-18 08:58:24
简单..。(假设这就是你想要达到的目标)
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>
Stack Overflow用户
发布于 2022-11-11 15:16:59
insertRule(规则，索引)这将向样式表插入一个新规则，其中参数" rule“是包含要添加的整个规则的字符串(即：#myid{color: red；边框: 1px solid black})和"index"，这是一个整数，指定要插入新规则的cssRules[]中的位置。
document.styleSheets[0].insertRule("p{font-size: 20px;}", 0) //add new rule to start of stylesheet页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42312531
复制相关文章
相似问题
腾讯云开发者
