layui树形组件点击树节点后高亮的解决方案

效果显示:

代码

复制代码
 //节点高亮
                    var nodes = document.getElementsByClassName("layui-tree-txt");
                    for (var i = 0; i < nodes.length; i++) {
                        if (nodes[i].innerHTML === obj.data.title){
                            nodes[i].style.color = "#006BF9";
                            nodes[i].style.fontWeight = "bold";
                        } else {
                            nodes[i].style.color = "#555";
                            nodes[i].style.fontWeight = "normal";
                        }
                    }

亲测使用

相关推荐
William Dawson30 分钟前
【Vue 3 + Element Plus 实现产品标签的动态添加、删除与回显】
前端·javascript·vue.js
拉不动的猪38 分钟前
项目基础搭建时的一些基本注意点
前端·javascript·面试
蕉君桑1 小时前
vue2使用vue-echarts
前端·vue.js·echarts
runnerdancer1 小时前
React+Vite+Typescript项目脚手架模版
前端
Code额1 小时前
ECMAScript 6 新特性(二)
前端·javascript·ecmascript
群联云防护小杜2 小时前
基于AI的Web应用防火墙(AppWall)实战:漏洞拦截与威胁情报集成
前端·分布式·安全·ddos
_清浅2 小时前
JavaScript(JS进阶)
开发语言·前端·javascript·操作系统·html5
葡萄城技术团队3 小时前
如何通过前端表格控件实现自动化报表?1
运维·前端·自动化
CharlesYu013 小时前
vite作者如何评价turbopack
前端·turbopack
小王码农记3 小时前
vue中动态绑定ref后,获取某个具体组件实例
前端·javascript·vue.js