在table中动态插入一行

<body >
<table id='OutContainerNbr' border=1 >
<tr>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</tr>
</body><script >
var cntr = document.getElementById('OutContainerNbr');
objTR = cntr.insertRow();     
objTD = objTR.insertCell(); 
objTD.colSpan=10;
objTD.innerHTML="new Td";</script>

解决方案 »

  1.   

    function  addCol(id)  {  
               try  {  
                           var  oTable  =  document.getElementById(id);  
                           if(oTable.tagName  !=  "TABLE")  
                               alert("Err  5002");  
                           var  oList  =  oTable.children;  
                           var  oTBODY;  
                           for(var  i=0;i<oList.length;i++)  {  
                                       if(oList[i].tagName  ==  "TBODY")  {  
                                                   oTBODY  =  oList[i];  
                                                   break;  
                                       }  
                           }  
                           var  oTR  =  oTBODY.lastChild;  
                           var  newTR  =  oTR.cloneNode(true);  
                           addId(newTR);  
                           oTBODY.insertAdjacentElement("beforeEnd",newTR);  
               }  catch(e)  {  
                           alert("Err  5002:\r\n"  +  e);  
               }  
    } <table  width="100%"  border="1"  align="center"  cellpadding="3"  cellspacing="1"  bordercolor="#000000"  class="tableprintable"  id="t1">  
                                   <tr  align="center"  class="tdbg0">    
                                         <td  class="tdbg0">1</td><td><button  class="button"  onClick="delCol()">    
                                           delete</button></td>  
                                   </tr>  
                               </table>  
                               <button  class="button"  onClick="addCol('t1')">添加一行</button>  
                           </td>  
                       </tr>  
                   </table>