將某行排在表格的最后的JS代碼怎么寫

2012/11/11 19:29:19作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

將某行排在表格的最后

【實例描述】

表格的行可以任意移動，本例學習如何將某行移動到最后一行，或者移動到第一行。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（www.denvermotorcycleaccidentlawyer.com）</title>
<script language="JavaScript">
function moveToLast(tr)
{
        var tb =document.getElementById(tr).parentElement.parentElement
//獲取表格對象
        tb.moveRow(document.getElementById(tr).rowIndex, -1);          
//移動表格中的行到指定位置
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1"><td>第一行</td></tr>
<tr id="tr2"><td>第二行</td></tr>
<tr id="tr3"><td>第三行</td></tr>
</table>
</br>
<input type="button" value="把第一行排到最后" 
onclick="moveToLast('tr1')" />
</body>
</html>

【運行效果】

將某行排在表格的最后運行效果