利用javaScript动态添加表格行

本文简单介绍如何利用javaScript动态添加表格行，关键是解决firefox无法添加的问题。

网上大部分是这样的

1. function addRow(content) 
2. { 
3.     //添加一行 
4.     var newTr = listTable.insertRow(); 
5.     //添加一列 
6.     var newTd0 = newTr.insertCell(); 
7.     //设置列内容和属性 
8.     newTd0.innerHTML = content; 
9. } 
11. <input type="button" name="Submit" value="添加一行" onclick="addRow("dddddddd")" /> 
12. <table id="listTable" border=1 cellspacing="0" bordercolor="#CCCCCC"> 
13. </table> 

这样写在IE下没问题，但是在Firefox就不显灵了，如果你利用try　catch可以看到出错信息，大概是缺少参数,表格的行列添加时要指定是第几行和第几列。换成这样就没问题了。

1. function addRow(content) 
2. { 
3. try{
4.     //添加一行 
5.     var newTr = listTable.insertRow(0); 
6.     //添加一列 
7.     var newTd0 = newTr.insertCell(0); 
8.     //设置列内容和属性 
9.     newTd0.innerHTML = content; 
10. } catch(e){alert(e);}
11. } 

上面是添加到第一行了，如果想加到指定行，加一个隐藏域存储行数应该就可以了。