网站导航栏的JS怎么写？

<ul id="menu">
        <li id="select"><a href="#">item1</a></li>
        <li><a href="#">item2</a></li>
        <li><a href="#">item3</a></li>
        <li><a href="#">item4</a></li>
        <li><a href="#">item5</a></li>
        <li><a href="#">item6</a></li>
        <li><a href="#">item7</a></li>
    </ul>
某一个li选中后将该li的id属性设置为select?

解决方案 »

  1.   

    function SetID(obj)
    {
        var allItem = document.getElementById("menu").all;
        for(var i=0;i<allItem.length;i++)
         {
             allItem[i].id="";
         }
        obj.id="select";
    }在选中li事件中调用这个方法：SetID(this)，这样应该可以，你试下。
      

  2.   

    楼主看看这个是不是你想要的.
    <html>
    <head>
    <title></title>
        <script language="javascript" type="text/javascript">
        <!--
            function k1(num)
            {
                document.getElementById("select").style.display = "block";//测试代码，可删除
                document.getElementById("select").id="test"+num;
                var obj = event.srcElement;
                obj.id = "select";
                document.getElementById("select").style.display="none";//测试代码，可删除
            }
        -->
        </script>
    </head>
    <body>
    <div onclick="k1()">test</div>
    <ul id="menu">
            <li onclick="k1(1)" id="select"><a href="#">item1</a></li>
            <li onclick="k1(2)"><a href="#">item2</a></li>
            <li onclick="k1(3)"><a href="#">item3</a></li>
            <li onclick="k1(4)"><a href="#">item4</a></li>
            <li onclick="k1(5)"><a href="#">item5</a></li>
            <li onclick="k1(6)"><a href="#">item6</a></li>
            <li onclick="k1(7)"><a href="#">item7</a></li>
    </ul>
    </body>
    </html>