使用innerHtml向table添加行

<fmt:message key="xxxx"></fmt:message> 向table

 

1. -<fieldset>  
2.  -   <legend><fmt:message key="xxxx"/></legend>  
3.   -  <table width="100%" id="fields" border="1" cellpadding="4" cellspacing="0"  
4.                                 style="border-collapse: collapse">  
5. -       <tr>  
6.  -      <td><fmt:message key="sssss"/>  
7.  -      </td>  
8. -       </tr>  
9.   -  </table>  
10. -</fieldset>  

添加行

 

1. function addTableTr(data){  
2.         var row = fields.insertRow(fields.rows.length);//fields是table的id  
3.         var col = row.insertCell(0);  
4.         var i = row.rowIndex;//i从1开始  
5.   
6.        col = row.insertCell(i-1);  
7.        col.innerHTML = “<input type='text' id='temp"+i + "'  />”; //在第i-1列添加一个text框  
8.        //fields.children[i-1].children[i-1].children[i-1].text可以获得fields的第i-1行的第i-1列的第i-1个对象  
9. }