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代码的准确性,请点击:将某行排在表格的最后 进行本实例源码下载