欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js利用appendChild對(duì)<li>標(biāo)簽進(jìn)行排序的實(shí)現(xiàn)方法

 更新時(shí)間：2016年10月16日 09:32:37   投稿：jingxian  
下面小編就為大家?guī)?lái)一篇js利用appendChild對(duì)<li>標(biāo)簽進(jìn)行排序的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧

按照從大到小排序

appendChild：

假設(shè)父級(jí)a中已經(jīng)有子節(jié)點(diǎn)b，那么a.appendChild(b)的作用是：1.先將子節(jié)點(diǎn)b從父級(jí)a中刪除；2.再將子節(jié)點(diǎn)b添加到a中，放在最末尾。

<body>
  <button id="bt1">提交</button>
  <ul id="ul1"> 
    <li>32</li>
    <li>243</li>
    <li>43</li>
    <li>24</li>
    <li id="t">2</li>
    <li>84</li>
    <li>84</li>
    <li>25</li>
  </ul>
</body>
<script>
  window.onload=function(){
  var oUl1=document.getElementById('ul1');
  var oBt=document.getElementById('bt1');

  oBt.onclick=function(){
  var oLi=document.getElementsByTagName('li');

  var arr=[];
  //將<li>標(biāo)簽放入空的arr數(shù)組中
  for(var i=0;i<oLi.length;i++){
    arr[i]=oLi[i]; 
     }
  //sort排序，數(shù)組中每個(gè)元素都是一個(gè)<li>,所以要用innerHTML
  arr.sort(function(li1,li2){
    var n1=parseInt(li1.innerHTML);
    var n2=parseInt(li2.innerHTML);  
    return n1-n2; 
  })
  //通過appendChild進(jìn)行排序
  for(var i=0;i<arr.length;i++){
    oUl1.appendChild(arr[i]);
  }  
  }
  }
</script>

以上就是小編為大家?guī)?lái)的js利用appendChild對(duì)標(biāo)簽進(jìn)行排序的實(shí)現(xiàn)方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~

相關(guān)文章

最新評(píng)論