如何实现表格内某行的上下移动?

Question

Try..<table id="tb">
<tr><td>00000000000000</td></tr>
<tr><td>11111111111111</td></tr>
<tr><td>22222222222222</td></tr>
<tr><td>33333333333333</td></tr>
</table>
<script>
var i=0;
function MoveNext()
{
    for(var k=0;k<tb.rows.length;k++)
    {
        tb.rows(k).bgColor="";
    }
    tb.rows(++i%tb.rows.length).bgColor="#FF0000";
    document.all.show.value=tb.rows(i%tb.rows.length).innerText;
}
function MoveProv()
{
    for(var k=0;k<tb.rows.length;k++)
    {
        tb.rows(k).bgColor="";
    }
    tb.rows(--i%tb.rows.length).bgColor="#FF0000";
    document.all.show.value=tb.rows(i%tb.rows.length).innerText;
}
</script>
<input type=button onclick="MoveNext()" value="下移">
<input type=button onclick="MoveProv()" value="上移">
<input type="text" name="show">

Answer 1

http://fason.nease.net/
阿信的网站上东东很全，应该可以解决你的问题！

Answer 2

用swapNode
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<table id="tab" border=1>
<tr><td>11</td><td>12</td></tr>
<tr><td>21</td><td>22</td></tr>
<tr><td>31</td><td>32</td></tr>
<tr><td>42</td><td>42</td></tr>
</table>
<script>
function mySwapNode()
{
tab.rows[0].swapNode(tab.rows[1]);
}
</script>
<input type=button onclick="mySwapNode()" value="下移">

Answer 3

to Pandaxm(郁闷的小猪) 
如果不跨行的话可以一样用swapNode，但是如果跨行的话，你再移动表格的布局就乱了
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
<table id="tab" border=1>
<tr><td>11</td><td>12</td>
  <td>13</td>
  <td>14</td>
  <td>15</td>
</tr>
<tr><td>21</td><td>22</td>
  <td colspan="3">&nbsp;</td>
  </tr>
<tr><td>31</td><td>32</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
<tr><td>42</td><td>42</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
</tr>
</table>
<script>
function mySwapNode()
{
tab.rows[0].swapNode(tab.rows[1]);
}
</script>
<input type=button onclick="mySwapNode()" value="下移">

Answer 4

那怎么实现表格里面某一行的上移呢?也就是说如何取得当前行的行号.如果固定写入了行号,那只能移动一行,再移就不行了,所以还要用 this 动态取当前行号,这个怎么实现?

Answer 5

function MoveUp(e)
{
var a=e;
while (a.tagName!="TD")
a=a.parentElement;
line=a.parentElement.rowIndex;
if (line>1)
dgMyAspiration.rows[line].swapNode(dgMyAspiration.rows[line-1]);
ShowSequence();
}
function MoveDown(e)
{
var a=e;
while (a.tagName!="TD")
a=a.parentElement;
line=a.parentElement.rowIndex;
if (dgMyAspiration.rows[line+1]!=null)
dgMyAspiration.rows[line].swapNode(dgMyAspiration.rows[line+1]);
ShowSequence();
}