^{<ul id="jnqfj"></ul>}

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

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

移動(dòng)端

【實(shí)例名稱】

將某行排在表格的最后

【實(shí)例描述】

表格的行可以任意移動(dòng)，本例學(xué)習(xí)如何將某行移動(dòng)到最后一行，或者移動(dòng)到第一行。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（yzddtk.cn）</title>
<script language="JavaScript">
function moveToLast(tr)
{
        var tb =document.getElementById(tr).parentElement.parentElement
//獲取表格對象
        tb.moveRow(document.getElementById(tr).rowIndex, -1);          
//移動(dòng)表格中的行到指定位置
}
</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>

【運(yùn)行效果】

將某行排在表格的最后運(yùn)行效果