JS代码实现交换表的行

2012/10/31 16:11:58作者：佚名来源：网络

移动端

【实例名称】

交换表的行

【实例描述】

有时候表格需要进行排序．为了提高速度，可以在页面运行过程中使用JavaScript进行表格排序。本例只是学习如何通过交换表的行实现表格的排序。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>标题页-学无忧（www.xue51.com）</title>
    <script language="javascript">
     function changerow()
    {
       document.getElementById("mytbl").moveRow(1,0);
    }
        </script>

  需要在body中，添加一个名为“mytbl”的表格，然后添加一个按钮，调用上述方法代码如下所示：

</head>
<body>
<input id="Button1" type="button" value="交换行" onclick="changerow()" />
<table id="mytbl" width="300" height="50" border="0" cellspacing="2" cellpadding="0" bgcolor="#FFb609">
  <tr> 
    <td> 第一行第一列</td><td> 第一行第二列</td>
  </tr>
  <tr> 
    <td> 第二行第一列</td><td> 第二行第二列</td>
  </tr>
</table>
</div>

</body>
</html>

【运行效果】

初始运行效果

运行效果