如何控制LI列表顺序排列和倒序排列？

本帖最后由 fhquemc 于 2011-11-10 09:00:40 编辑

解决方案 »

  1.   

    <html>
    <head>
    </head>
    <body>
    <div id=content>
      <ul id=test>
    <li>内容1</li>
    <li>内容2</li>
    <li>内容3</li>
    <li>内容4</li>
    <li>内容5</li>
      </ul>
    </div>
    <input type = "button" onclick = "change()">
    <script>

    change = function(){
    u = document.getElementById("test").childNodes;
    for(j = 4 ; j > 0 ; j --){
    for(var i = 0 ; i < j ; i ++){
    var t = u[i].innerHTML;
    u[i].innerHTML = u[i+1].innerHTML;
    u[i+1].innerHTML = t;
    }
    }
    }
    </script> </body>
    </html>测试过了 应该可以实现。
      

  2.   

         function a()
         {
           var s=document .getElementById ("test");
           var ss=new Array();
           for (var i=0;i<s.childNodes.length;i++)
           {
              ss[i]=s.childNodes[i].innerHTML;
           }
           for (var i=0;i<ss.length;i++)
           {
             s.childNodes[i].innerHTML=ss[ss.length-1-i];
           }
         }
      

  3.   


    window.onload = function(){
    var obj = document.getElementById("test");
    var lis = obj.getElementsByTagName("li");
    for(var i = lis.length-1; i > -1; i--){
    obj.appendChild(lis[i]);
    }
    }