<script type="text/<a style=" color: text-decoration:underline title="javascript" href="https://m.php.cn/zt/15724.html" target="_blank">javascript"><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></script>
| 水果 | 单价(￥) |
|---|---|
| 苹果 | 54.5 |
| 橘子 | 24.5 |
| 西瓜 | 33.8 |
| 香蕉 | 13.8 |
|
|
|
