技术栈

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

小二·2024-11-26 17:12

效果显示:

代码

复制代码
 //节点高亮
                    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";
                        }
                    }

亲测使用

上一篇:【layui】table的switch、edit修改
下一篇:MyBatis多表映射
相关推荐
J***Q292
12 小时前
Vue数据可视化
前端·vue.js·信息可视化
ttod_qzstudio
14 小时前
深入理解 Vue 3 的 h 函数:构建动态 UI 的利器
前端·vue.js
芳草萋萋鹦鹉洲哦
14 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
_大龄
14 小时前
前端解析excel
前端·excel
1***s632
14 小时前
Vue图像处理开发
javascript·vue.js·ecmascript
槁***耿
14 小时前
JavaScript在Node.js中的事件发射器
开发语言·javascript·node.js
一叶茶
14 小时前
移动端平板打开的三种模式。
前端·javascript
前端大卫
15 小时前
一文搞懂 Webpack 分包:async、initial 与 all 的区别【附源码】
前端
U***4983
15 小时前
JavaScript在Node.js中的Strapi
开发语言·javascript·node.js
Want595
15 小时前
HTML音乐圣诞树
前端·html
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连04UV安装并设置国内源05安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)06Linux下V2Ray安装配置指南07“我的电脑”图标没了怎么办 4种方法找回08Labelme从安装到标注:零基础完整指南09全球最强模型Grok4,国内已可免费使用!(附教程)10Gemini 3.0 Pro Preview 实测报告