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