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/> 水果 單價(￥) tr> 蘋果 54.5 橘子 24.5 # 西瓜 33.8 # 香蕉 13.8 # # < ;tr> < ;/table> ###
