怎么让两个TR可以颠倒位置

<table  border="1"  width="100"  id=s>  
   <tr>  
       <td  width="50%">1</td>  
       <td  width="50%">2</td>  
   </tr>  
   <tr>  
       <td  width="50%">3</td>  
       <td  width="50%">5</td>  
   </tr>  
   <tr>  
       <td  width="50%">6</td>  
       <td  width="50%">7</td>  
   </tr>  
</table>  
<input  type="button"  value="Down"  onclick="s.insertRow(0).replaceNode(s.rows[s.rows.length-1])">  
<input  type="button"  value="  Up  "onclick="s.insertRow(s.rows.length).replaceNode(s.rows[0])">