120.如何使用 JS 动态更新CSS变量

雨点打透心脏的1/2处 2022-12-29 06:47 136阅读 0赞

## 效果 (源码网盘地址在最后) ##

![4c518e1756174ee4d4af5783b754e4b3.gif][]

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。

github 地址：[https://github.com/qq449245884/vue-okr-tree][https_github.com_qq449245884_vue-okr-tree]

## 演示视频 ##

视频地址一：[https://www.bilibili.com/video/BV1cy4y1D7Lz/][https_www.bilibili.com_video_BV1cy4y1D7Lz]

视频地址二：[https://www.ixigua.com/6907873173098889731/?&wid\_try=1][https_www.ixigua.com_6907873173098889731_wid_try_1]

## 源码 ##

**index.html**

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>1

[4c518e1756174ee4d4af5783b754e4b3.gif]: /images/20221120/77d3330e93b24b09b08a97cb051b2fc0.png
[https_github.com_qq449245884_vue-okr-tree]: https://github.com/qq449245884/vue-okr-tree
[https_www.bilibili.com_video_BV1cy4y1D7Lz]: https://www.bilibili.com/video/BV1cy4y1D7Lz/
[https_www.ixigua.com_6907873173098889731_wid_try_1]: https://www.ixigua.com/6907873173098889731/?&wid_try=1

发表评论取消回复

表情：

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

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

相关阅读

相关 js 动态生成变量名

/*demo1*/ function create_variable(num){ var name = "test_"+num; //...

比眉伴天荒/ 2024年04月19日 15:21/ 0 赞/ 69 阅读

相关如何动态载入CSS

动态载入CSS的两种方法 1.通过文档对象创建 link节点,指定 href,然后 appendChild到页面. 这种方案大家都用过, 不过,会存在一些问题.什么问

我就是我/ 2024年04月03日 14:13/ 0 赞/ 89 阅读

相关如何用js动态添加css

转自：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1] 为了节省代码和写出更兼容的代码，有时我们需要用Javascr

痛定思痛。/ 2024年03月25日 07:16/ 0 赞/ 86 阅读

相关动态调色板：CSS 变量完整指南

动态调色板：CSS 变量完整指南介绍作为一名网络开发人员，创建一个有凝聚力的调色板对于设计视觉上令人愉悦的网站至关重要。值得庆幸的是，CSS 变量使您可以轻松地

系统管理员/ 2023年10月12日 22:34/ 0 赞/ 40 阅读

相关 120.如何使用 JS 动态更新CSS变量

效果 (源码网盘地址在最后) ![4c518e1756174ee4d4af5783b754e4b3.gif][] 最近开源了一个 Vue 组件，还不够完善，欢迎大家来一

雨点打透心脏的1/2处/ 2022年12月29日 06:47/ 0 赞/ 137 阅读

相关 js vue 动态拼接变量名 js动态变量名循环拼接变量名

let obj = { } for (let index = 0; index < 3; index++) { obj['name'+inde

冷不防/ 2022年12月28日 07:14/ 0 赞/ 270 阅读

相关 uniapp动态修改样式_Vue如何动态修改CSS变量

想要动态修改css样式就得能动态的给<style></style>赋值，可是<style></style>里面又写不了变量（有可能可以但是我不会。。），所以想了个这种办法，通过

Dear 丶/ 2022年10月13日 05:25/ 0 赞/ 2170 阅读

相关如何使用JS操作CSS

方法: document.getElementById("xx").style.xxx中的全部属性是什么 <table> <tbody> <tr>

爱被打了一巴掌/ 2022年05月16日 02:05/ 0 赞/ 163 阅读

相关 bootstrap-multiselect.js如何动态更新select里的数据

在使用jQuery的bootstrap-multiselect插件时可能会遇到一个问题就是想要动态的去更新select里的数据比如我们要使一个id=select的选择框

偏执的太偏执、/ 2022年04月10日 11:50/ 0 赞/ 428 阅读

相关 python在dict如何使用动态属性【动态变量属性名称】名称【和js不一样】

transaction_status = "finish" dd = {transaction_status:transaction_sta

Myth丶恋晨/ 2021年08月20日 02:58/ 0 赞/ 325 阅读