Document<br>window.onload = function(){<br> var input = document.querySelectorAll('input');<br> var table = document.querySelector('table');<br> var rows = table.tBodies[0].rows;<br> var arrRows = [];<br> /* 因为只能对数组排序,所以把tr都放入数组 */<br> for(var i = 0; i < rows.length; i++){<br/> arrRows.push(rows[i]);<br/> }<br/> // arrRows.sort(function(a,b){<br/> // return b.cells[1].innerHTML - a.cells[1].innerHTML;<br/> // //根据tr中的第1个单元格中的内容进行排序 <br/> // });<br/> // arrRows.forEach(function(tr){<br/> // //按照排号的顺序,重新把tr放入tbody<br/> // table.tBodies[0].appendChild(tr);<br/> // });<br/> //console.log(arrRows);<br/> input[0].onclick = function(){<br/> arrRows.sort(function(a,b){<br/> return b.cells[1].innerHTML - a.cells[1].innerHTML;<br/> //根据tr中的第1个单元格中的内容进行排序 <br/> });<br/> arrRows.forEach(function(tr){<br/> //按照排号的顺序,重新把tr放入tbody<br/> table.tBodies[0].appendChild(tr);<br/> });<br/> }<br/> input[1].onclick = function(){<br/> arrRows.sort(function(a,b){<br/> return a.cells[1].innerHTML - b.cells[1].innerHTML;<br/> //根据tr中的第1个单元格中的内容进行排序 <br/> });<br/> arrRows.forEach(function(tr){<br/> //按照排号的顺序,重新把tr放入tbody<br/> table.tBodies[0].appendChild(tr);<br/> });<br/> }<br/>}; <br/> 水果 单价(¥) 苹果 54.5 橘子 24.5 西瓜 33.8 香蕉 13.8