对div排序

对一组div排序

通过对div对象数据按值或其它方式进行排序

<div name="ddd" id="c1">1</div>
<div name="ddd" id="c2">2</div>
<div name="ddd" id="c3">3</div>
<div name="ddd" id="c4">4</div>
<input type="button" value="test12" onclick="sortDiv3()"/>
<script type="text/javascript">
<!--
    var $ = function(){
  return document.getElementById(arguments[0]);
 }
 var insertBefore = function(baseO, beforeO){
         baseO.parentNode.insertBefore(beforeO, baseO);
    }
   
 
    function sortDiv(){
    var i = arguments.length;
    while(i-->1){
        //alert(i);
        insertBefore($("c" + arguments[i]), $("c"+ arguments[i-1]));
    }
 }
    //按值倒序排序
 function sortDiv3(){
        for (i = 1; i < 5; i++) {
      for (j = i; j < 5; j++) {
        if ($("c"+i).innerText <$("c"+j).innerText) {
            insertBefore($("c"+i),$("c"+j));
        }
        }
    }
    }
 
//-->
</script>

阅读更多
文章标签: div function button c
个人分类: js技术
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭