如何交换<table>中两个<tr>的位置?

eg.<table border=1>
<tr id=tr1>
<td>tr1</td>
</tr>
<tr id=tr2>
<td>tr2</td>
</tr>
</table>
<br><button onclick="tr1.swapNode(tr2)">SwapTrObject</button>

解决方案 »

  1.   

    if you want to sort the table,see the ex:
    http://www.csdn.net/develop/Read_Article.asp?Id=8654
      

  2.   

    <script>
    i=-1
    ok=true
    function a()
    {
    if(ok)
    {
    a1=event.srcElement
    if(a1.tagName=="TABLE" ||a1.tagName=="TBODY")
    {
    alert("无效的选择")
    return
    }
    while(a1.tagName!="TR")
    a1=a1.parentElement
    i=a1.rowIndex
    ok=false
    a1.bgColor='#0099FF'
    }
    else
    {
    a1=event.srcElement
    if(a1.tagName=="TABLE" ||a1.tagName=="TBODY")
    {
    alert("目标无效")
    return
    }
    while(a1.tagName!="TR")
    a1=a1.parentElement
    document.all.m.moveRow(i,a1.rowIndex)
    ok=true
    for(j=0;j<document.all.m.rows.length;j++)
    document.all.m.rows[j].bgColor='#FFFFFF'
    } for(j=0;j<document.all.m.rows.length;j++)
    document.all.m.rows[j].cells[0].innerText=j+1}
    </script>
    <body>
    <div align="center">
    直接点击交换
    <br>
    <br>
    <table id=m border=0 bgcolor="red" onclick="a();" onselectstart="return false" style="cursor:hand">
    <tr bgcolor="#FFFFFF"><td>1</td><td>aaaaaaa</td></tr>
    <tr bgcolor="#FFFFFF"><td>2</td><td>bbbbbbb</td></tr>
    <tr bgcolor="#FFFFFF"><td>3</td><td>ccccccc</td></tr>
    <tr bgcolor="#FFFFFF"><td>4</td><td>ddddddd</td></tr>
    <tr bgcolor="#FFFFFF"><td>5</td><td>eeeeeee</td></tr>
    <tr bgcolor="#FFFFFF"><td>6</td><td>fffffff</td></tr>
    </table>
      

  3.   

    <script>
    i=-1
    ok=true
    function a()
    {
    if(ok)
    {
    a1=event.srcElement
    if(a1.tagName=="TABLE" ||a1.tagName=="TBODY")
    {
    alert("无效的选择")
    return
    }
    while(a1.tagName!="TR")
    a1=a1.parentElement
    i=a1.rowIndex
    ok=false
    a1.bgColor='#0099FF'
    }
    else
    {
    a1=event.srcElement
    if(a1.tagName=="TABLE" ||a1.tagName=="TBODY")
    {
    alert("目标无效")
    return
    }
    while(a1.tagName!="TR")
    a1=a1.parentElement
    document.all.m.moveRow(i,a1.rowIndex)
    ok=true
    for(j=0;j<document.all.m.rows.length;j++)
    document.all.m.rows[j].bgColor='#FFFFFF'
    } for(j=0;j<document.all.m.rows.length;j++)
    document.all.m.rows[j].cells[0].innerText=j+1}
    </script>
    <body>
    <div align="center">
    直接点击交换
    <br>
    <br>
    <table id=m border=0 bgcolor="red" onclick="a();" onselectstart="return false" style="cursor:hand">
    <tr bgcolor="#FFFFFF"><td>1</td><td>aaaaaaa</td></tr>
    <tr bgcolor="#FFFFFF"><td>2</td><td>bbbbbbb</td></tr>
    <tr bgcolor="#FFFFFF"><td>3</td><td>ccccccc</td></tr>
    <tr bgcolor="#FFFFFF"><td>4</td><td>ddddddd</td></tr>
    <tr bgcolor="#FFFFFF"><td>5</td><td>eeeeeee</td></tr>
    <tr bgcolor="#FFFFFF"><td>6</td><td>fffffff</td></tr>
    </table>
      

  4.   

    http://lucky.myrice.com/javascriptexam/sortRow.htm
      

  5.   

    <TABLE id=T width=100 border=1>
    <TR><TD>1</TD></TR>
    <TR><TD>2</TD></TR>
    <TR><TD>3</TD></TR>
    </TABLE>
    <INPUT TYPE="button" value="test" onclick="s()">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function s(){
    T.moveRow(0,1)
    }
    //-->
    </SCRIPT>