jsは成績の順序を実現します
1541 ワード
ページには次の表があります.成績をクリックする時、すべての行数は成績によって低いから高い順に並べ替えられます.またクリックすると高いから低い順に並べられます.javascriptを使って上記の機能を実現してください.
名前
性別
成績
張三
男の人
77
李四
女の人
87
王五
不明
50
jsコードは以下の通りです.
名前
性別
成績
張三
男の人
77
李四
女の人
87
王五
不明
50
jsコードは以下の通りです.
77
87
50
var tbody = document.getElementById('tableSort').tBodies[0]; // tbody
var mark =document.getElementById('tableSort').tHead.rows[0].cells[2]; //
var flag =1;
mark.οnclick=function(){ // ，
var arr=[];
for (var i = 0,len=tbody.rows.length; i < len; i++) { // arr
arr.push(tbody.rows[i]);
}
arr.sort(function(a,b){ //
var sort=flag*(a.cells[2].innerHTML - b.cells[2].innerHTML);
return sort;
});
flag=-flag;
for (var i = 0,len=tbody.rows.length; i < len; i++) { // ，
tbody.appendChild(arr[i]);
}
}