javascript 遍历树节点

本帖最后由 l171147904 于 2009-10-10 14:27:28 编辑

解决方案 »

  1.   

    哥们,你先看看TreeView.childNodes[i]这个节点是什么东西,我从你的code里面推断,应该是你找的节点不对,你先看看节点的tagName是不是A标签,如果是了再做下一步处理
      

  2.   

    你是仅仅要前台模拟选中效果是吧，改改刚给你的代码就行了，假定要选择Node3<html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title>Untitled Page</title>
        <script type="text/javascript">
            var taget="Node3";
        
            function Select()
            {
               var tv = document.getElementById("tv1");
              
               Curve(tv);
            }
            
            
            function Curve(p)
            {
               for(var i=0;i<p.childNodes.length;i++)
               {
                   var tc = p.childNodes[i];
                   if(tc.tagName=="TABLE")
                   {
                       var a = tc.rows[0].cells[tc.rows[0].cells.length-1].firstChild;
                       if(a.getAttribute("title")==taget)
                       {
                           a.style.backgroundColor = "#aaaaaa";
                       }
                   }
                   else if(tc.tagName=="DIV")
                   {
                       Curve(tc);
                   }
               }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <input type="button" value="Iterate" onclick="Select()" />
           <asp:TreeView runat="server" ID="tv1" ShowLines="True">
               <Nodes>
                   <asp:TreeNode Text="New Node1" ToolTip="Node1" Value="New Node1">
                       <asp:TreeNode Text="New Node2" ToolTip="Node2" Value="New Node2">
                           <asp:TreeNode Text="New Node3" ToolTip="Node3" 
                                              Value="New Node3"></asp:TreeNode>
                       </asp:TreeNode>
                   </asp:TreeNode>
                   <asp:TreeNode Text="New Node4" ToolTip="Node4" Value="New Node4">
                       <asp:TreeNode Text="New Node5" ToolTip="Node5" Value="New Node5">
                           <asp:TreeNode Text="New Node6" ToolTip="Node6" 
                                         Value="New Node6"></asp:TreeNode>
                       </asp:TreeNode>
                       <asp:TreeNode Text="New Node7" ToolTip="Node7" 
                                     Value="New Node7"></asp:TreeNode>
                   </asp:TreeNode>
                   <asp:TreeNode Text="New Node8" ToolTip="Node8"
                        Value="New Node8"></asp:TreeNode>
               </Nodes>
           </asp:TreeView>
        </div>
        </form>
    </body>
    </html>
      

  3.   

    恩,js就要改css样式,后台的话面对的是节点对象而不是html dom,所以简单,哈哈.