国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript實(shí)現(xiàn)對(duì)表格元素進(jìn)行排序操作

2019-11-20 11:14:27
字體:
供稿:網(wǎng)友

我們?cè)谏暇W(wǎng)中都能看到很多能夠排序的,如大小、時(shí)間、價(jià)格等
現(xiàn)在我們也試一下排序功能:
排序的函數(shù)代碼:里面含有點(diǎn)擊之后排序--還原,和排升序和降序。

 function sortAge(){       //對(duì)年齡進(jìn)行排序,要先進(jìn)行獲得每一行對(duì)象,然后對(duì)象對(duì)象中的第一個(gè)(從0 開始)的大小進(jìn)行排序       var tabNode = document.getElementById("tabid");       var rows0 = tabNode.rows;       var rows1 = [];       //現(xiàn)將元素拷貝一份出來, 第一行不用排序       for (var x = 1; x < rows0.length; x++) {         rows1[x - 1] = rows0[x];       }       for (var x = 0; x < rows1.length - 1; x++) {//每個(gè)元素是行對(duì)象         for (var y = x + 1; y < rows1.length; y++) {           //對(duì)每一行的內(nèi)容進(jìn)行解析成數(shù)字           if (parseInt(rows1[x].cells[1].innerHTML) > parseInt(rows1[y].cells[1].innerHTML)) {             //alert("aa="+x+":"+rows1[x].cells[1].innerHTML);             //alert("bb"+rows1[y].cells[1].innerHTML);             var temp = rows1[x];             rows1[x] = rows1[y];             rows1[y] = temp;           }         }       }              /* 點(diǎn)擊之后排序,排序之后恢復(fù)之前的狀態(tài)  if (flag){              for (var x = 0; x < rows1.length; x++) {         //       tabNode.childNodes[0].appendChild(rows[x]);//方法一: 不一定兼容         rows1[x].parentNode.appendChild(rows1[x]);       }     }else{              for (var x = 1; x < rows0.length; x++) {         //       tabNode.childNodes[0].appendChild(rows[x]);//方法一: 不一定兼容         rows0[x].parentNode.appendChild(rows0[x]);       }     }     flag=!flag;*/     /* 下面的是點(diǎn)之后出現(xiàn)正序和逆序顯示 正序和逆序的區(qū)別就是appendchild的前后關(guān)系而已*/     var ageimg=document.getElementById("ageid");          if (flag) {       for (var x = 0; x < rows1.length; x++) {//排好序之后就從0開始         //       tabNode.childNodes[0].appendChild(rows[x]);//方法一: 不一定兼容         rows1[x].parentNode.appendChild(rows1[x]);       }       ageimg.innerHTML="年齡▲";//設(shè)置上面的圖標(biāo)            }else{       for (var x = rows1.length-1; x >=0; x--) {         //       tabNode.childNodes[0].appendChild(rows[x]);//方法一: 不一定兼容         rows1[x].parentNode.appendChild(rows1[x]);       }       ageimg.innerHTML="年齡

主站蜘蛛池模板:
大竹县|
垦利县|
盐城市|
大关县|
新龙县|
双鸭山市|
蛟河市|
青冈县|
尼玛县|
梁平县|
乐山市|
视频|
沧州市|
新密市|
留坝县|
道真|
石阡县|
加查县|
景洪市|
团风县|
崇仁县|
上饶市|
恭城|
始兴县|
鹤岗市|
都兰县|
京山县|
寿光市|
仁寿县|
广水市|
尉氏县|
红桥区|
夏津县|
石狮市|
奉新县|
宕昌县|
香港
|
金华市|
宜黄县|
航空|
绥德县|