发新话题
打印

关于表格移动问题再请教。。。。。

关于表格移动问题再请教。。。。。

因为某种原因我的格式必须如下。。  

<table>  

<tr><td>  
<table  id="tb1"  border=1>  
     <tr><td>aaa</td></tr>  
       <tr><td>aaa</td></tr>  
</table>  
</td></tr>  

<tr><td>  
<table  id="tb2"  border=1>  
     <tr><td>bbb</td></tr>  
     <tr><td>bbb</td></tr>  
</table>  
</td></tr>  

<tr><td>  
<table  id="tb3"  border=1>  
     <tr><td>ccc</td></tr>  
     <tr><td>ccc</td></tr>  
</table>  
</td></tr>  

<tr><td>  
<table  id="tb4"  border=1>  
     <tr><td>ddd</td></tr>  
     <tr><td>ddd</td></tr>  
</table>  
</td></tr>  

</table>  

如何实现表格tb1移动到tb2下面。其他上移。

TOP

<SCRIPT>  
function  fnSwap(){  
     oList.children(0).swapNode(oList.children(1));  
}  
</SCRIPT>  

<UL  ID  =  oList>  
   <LI>List  Item  1  
   <LI>List  Item  2  
   <LI>List  Item  3  
   <LI>List  Item  4  
</UL>  
<INPUT  TYPE  =  button  VALUE  =  "Swap  List"  onclick  =  "fnSwap()">  

你试一下swapNode吧,具体做法你看看msdn吧!·

TOP

<table>  

<tr><td>  
<table  id="tb1"  border=1>  
     <tr><td>aaa</td></tr>  
       <tr><td>aaa</td></tr>  
</table>  
</td></tr>  

<tr><td>  
<table  id="tb2"  border=1>  
     <tr><td>bbb</td></tr>  
     <tr><td>bbb</td></tr>  
</table>  
</td></tr>  

<tr><td>  
<table  id="tb3"  border=1>  
     <tr><td>ccc</td></tr>  
     <tr><td>ccc</td></tr>  
</table>  
</td></tr>  

<tr><td>  
<table  id="tb4"  border=1>  
     <tr><td>ddd</td></tr>  
     <tr><td>ddd</td></tr>  
</table>  
</td></tr>  

</table>  
<INPUT  TYPE  =  button  VALUE  =  "Swap  List"  onclick  =  "fnSwap()">  
<SCRIPT>  
function  fnSwap(){  
     tb1.swapNode(tb2);  
}  
</SCRIPT>

TOP

发新话题