append添加的应该在最后一个子节点之后，那sort之前tbody的文本去哪了
<script>
window.onload=function()
{
var oBtn=document.getElementById('btn');
var oTable=document.getElementById('table');
oBtn.onclick=function()
{
var arr=[];
for(var i=0;i<oTable.tBodies[0].rows.length;i++)
{
arr[i]=oTable.tBodies[0].rows[i];
};
arr.sort(function(tr1,tr2){
n1=parseInt(tr1.cells[0].innerHTML);
n2=parseInt(tr2.cells[0].innerHTML);
return n1-n2;
});
for(var i=0;i<arr.length;i++)
{
oTable.tBodies[0].appendChild(arr[i]);
};
};
};
</script>
</head>
<body>
<!--<input type="button" value="排序" id="btn" />-->
<table id="table" border="1" width="100%" cellpadding="0" cellspacing="0">
<thead>
<tr>
<th><input type="button" value="成绩" id="btn" style="background-color: transparent;border: none;outline: none"></th>
<th>姓名</th>
<th>专业</th>
</tr>
</thead>
<tbody>
<tr>
<td>98</td>
<td>张三</td>
<td>物流</td>
</tr>
<tr>
<td>87</td>
<td>李四</td>
<td>网站设计</td>
</tr>
<tr>
<td>79</td>
<td>王五</td>
<td>网工</td>
</tr>
</tbody>
</table>
</body>
</html>
