Layui Tree 实现节点高亮(更改节点字体颜色)

右击检查发现Layui-Tree下的每个节点的字体都包含在一个xxxx内。所以可以通过获取所有的span标签,进行遍历判断。

//试题树
tree.render({
    elem: '#Test-Tree',  //绑定元素
    //点击试题树动作
    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 = "red";
            else
                nodes[i].style.color= "#555";
        }
    },
    onlyIconControl:true,
    data: [dt]
});

最后实现的效果如下:
Layui Tree 实现节点高亮(更改节点字体颜色)_第1张图片

你可能感兴趣的:(项目随笔)