layui树形组件中选中节点设置字体高亮效果

效果：

代码：

修改渲染函数中的click点击事件！

 

        tree.render({
          elem: "#test9",
          data: data1,
          edit: ["add", "update", "del"], //操作节点的图标
          click: function(obj) {
            //节点高亮
            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"; 
              }
            }
          },
        });