将某行排在表格的最后的JS代码怎么写

2012/11/11 19:29:19作者：佚名来源：网络

移动端

【实例名称】

将某行排在表格的最后

【实例描述】

表格的行可以任意移动，本例学习如何将某行移动到最后一行，或者移动到第一行。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.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>

【运行效果】

将某行排在表格的最后运行效果