一个模拟树型小程序,关于this有点疑问?

1. 代表span对象
2.如果是o.parentNode岂不是最外层的<ul>，应该是li对象
3.o.parentName.id;

解决方案 »

  1.   

    function action(o)        //隐藏子节点
    {
    var sid, name, action;
    sid = o.parentNode.id ;          //  这里始终为空的,还是得不到?
        alert(sid);
    cols = o.parentNode.getElementsByTagName("ul");
    for(i=0;i<cols.length;i++)
    {
    cols[i].style.display= cols[i].style.display !="none" ? "none" : "block";
        } 
      }
      

  2.   

    1. this指向span对象<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>无标题页</title>
        <script type="text/javascript">
        function action(element)
        {
            //  取得菜单对象
            var menuListElement = element.nextSibling;
            while(menuListElement.tagName != "UL")
            {
                menuListElement = menuListElement.nextSibling;
            }
            //  设置是否显示
            menuListElement.style.display = menuListElement.style.display=="none"?"":"none";
        }
        </script>
    </head>
    <body>
    <div id="tree">
        <ul>
            <li　id="tree_1"><span onclick ="action(this);">总管理员</span>
            <ul>
                <li><span>角色管理</span></li>
                <li><span>参数管理</span></li>
                <li><span>程序管理</span></li>
                <li><span>范围管理</span></li>
            </ul>
            <br />
            </li>
            <li　id="Li2"><span onclick ="action(this);">总管理员2</span>
            <ul>
                <li><span>角色管理2</span></li>
                <li><span>参数管理2</span></li>
                <li><span>程序管理2</span></li>
                <li><span>范围管理2</span></li>
            </ul>
            <br />
            </li>
            <li　id="Li3"><span onclick ="action(this);">总管理员3</span>
            <ul>
                <li><span>角色管理3</span></li>
                <li><span>参数管理3</span></li>
                <li><span>程序管理3</span></li>
                <li><span>范围管理3</span></li>
            </ul>
            <br />
            </li>
            
        </ul>
    </div>
    </body>
    </html>
      

  3.   

    to upstair:
    怎么得到点击节点得ID呢?