TreeView nodes set the color and remove hyperlinks

Abstract: TreeView nodes set the color and remove hyperlinks



//移除TreeView主节点之超链接
 function addTreeViewNodeSapn() {
            var INPUT = document.getElementsByTagName("INPUT");
            if (INPUT.length > 0) {
                for (var i = 0; i < INPUT.length; i++) {
                    if (INPUT[i].type == "checkbox") {
                        var td = INPUT[i].parentNode;
                        var a = td.childNodes[1];
                        if (a.href.indexOf("'TreeView1'") != -1) {
                            if (a.innerText == "全选") {   //判断是否为主节点
                               //建立新Tag
                                var span = document.createElement("span");
                                span.style.color = "black";
                                var content = document.createTextNode(a.innerText);
                                span.appendChild(content);  
                                td.removeChild(td.childNodes[1]);  //移除超链接
                                td.appendChild(span);
                            }
                            else {
                                setTreeViewColor(a);  //设定颜色
                            }
                        }
                    }
                }
            }
        }

//设定非主节点颜色并移除超链接
function setTreeViewColor(ahref) {  //ahref为TreeView的节点
            //取得节点所对应之颜色
            var KWColor = document.getElementById("HiddKWColor").value;
            var KWColorArray = new Array();
            for (var i = 0; i < KWColor.split('~').length; i++) {
                KWColorArray[i] = new Array(2);
                KWColorArray[i][0] = KWColor.split('~')[i].split('-')[0];
                KWColorArray[i][1] = "";
                for (var j = 0; j < 3; j++) {
                      KWColorArray[i][1] += KWColor.split('~')[i].split('-')[1].split(',')[j];
                }
            }
             
           //取得节点的parentNode            
            var td = ahref.parentNode;
            var name = ahref.innerText;
            td.removeChild(td.childNodes[1]);
            for (var i = 0; i < KWColorArray.length; i++) {
                if (KWColorArray[i][0] == name) {
                    var span = document.createElement("span");
                    span.style.color ="#"+KWColorArray[i][1];
                    var content = document.createTextNode(name);
                    span.appendChild(content);
                    td.appendChild(span);
                }
            }
        }

TreeView is a Table, checkBox hyperlink composition

Td made to make the appearance of change

Original: Big Box  set TreeView nodes color and remove hyperlinks


Guess you like

Origin www.cnblogs.com/petewell/p/11495556.html