软件学堂

网游分类软件分类

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

2012-11-11 来源:网络

【实例名称】

将某行排在表格的最后

【实例描述】

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

【实例代码】

<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>

【运行效果】

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

【难点剖析】

本例使用“parentElernent”属性获取表格对象,然后利用表格对象的“moveRow”方法将指定的行移动到指定的位置。参数“一1”表示将指定的行移动到最后,如果是“0”,则表示移动到第一行。

【源码下载】

为了JS代码的准确性,请点击:将某行排在表格的最后 进行本实例源码下载 

上一篇:使用DOM获取页面中某控件的属性
下一篇:JS实现动态删除页面中的元素

相关文章