js设置/修改scss中的变量值

桃扇骨 2022-12-14 03:52 837阅读 0赞

js动态修改scss变量值

1.scss文件定义变量

//--test ：为js操作此变量需要用到的KEY
//red: 默认的css属性值
$textColor: var(--test, red);

2.js中更改$textColor 变量的值

//--test ：为js操作此变量需要用到的KEY
//blue: 修改后的css属性值
document.getElementsByTagName('body')[0].style.setProperty('--test', 'blue');

发表评论取消回复

表情：

评论列表（有 0 条评论，837人围观）

还没有评论，来说两句吧...

相关阅读

相关 python - 修改全局变量的值

在Python中，如果想要在一个函数中使用全局变量，需要在函数中使用global关键字声明这个变量。这将告诉Python解释器这个变量是全局变量，而不是局部变量。下

傷城~/ 2024年03月22日 13:34/ 0 赞/ 170 阅读

相关 scss变量自动导入

一、背景 > 我们平时项目开发的时候，会有如下应用场景，scss变量自动引入，来方便我们直接使用二、方法 1.定义scss变量文件 var.scss

￡神魔★判官ぃ/ 2023年10月10日 23:58/ 0 赞/ 91 阅读

相关 Scss--变量--使用/实例

原文网址：[Scss--变量--使用/实例\_IT利刃出鞘的博客-CSDN博客][Scss--_--_IT_-CSDN] 简介本文用示例介绍Scss的变量的用法。

偏执的太偏执、/ 2023年09月28日 13:47/ 0 赞/ 113 阅读

相关 vue在scss中使用js的变量

![在这里插入图片描述][20200312115503734.png] 注意：如果变量值是作用在伪类before、after的content上时，一定要在值上多包一层双引号

Love The Way You Lie/ 2023年07月13日 13:34/ 0 赞/ 108 阅读

相关 js中如何修改设置blob的fileName

如下修改blob的fileName 通过blob上传文件图片时会出现后端解析不了的文件名 // Turns out getAsFile will return a

心已赠人/ 2023年07月06日 09:55/ 0 赞/ 73 阅读

相关 js修改title/meta中的值

> $(document).attr("title","修改后的值"); //修改title值 > > var oMetaKeywo

迷南。/ 2023年06月26日 15:29/ 0 赞/ 92 阅读

相关 vue-cli3.0项目中设置scss全局变量

第一步：首先设置一个存放你的全局变量的文件\_variable.scss ![20200523103942603.png][] 在\_variable.scss中设置好你

一时失言乱红尘/ 2023年02月11日 10:24/ 0 赞/ 7 阅读

相关 js设置/修改scss中的变量值

js动态修改scss变量值 1.scss文件定义变量 //--test ：为js操作此变量需要用到的KEY //red: 默认的css属性值 $

桃扇骨/ 2022年12月14日 03:52/ 0 赞/ 838 阅读

相关 js中 json动态设置key的值

js中json动态设置key的值 var obj={}; obj.name="object"; obj["age"] =26; var k

绝地灬酷狼/ 2022年09月09日 09:57/ 0 赞/ 137 阅读

相关【C++】修改const变量的值

如下代码片段中声明const变量ci并初始化为1，原则上其值是无法被修改的。但是如下的代码对const变量的内容进行了修改 int main(){ c

小鱼儿/ 2022年08月04日 13:37/ 0 赞/ 255 阅读