本文简单介绍如何利用javaScript动态添加表格行,关键是解决firefox无法添加的问题。
网上大部分是这样的
- function addRow(content)
- {
- //添加一行
- var newTr = listTable.insertRow();
- //添加一列
- var newTd0 = newTr.insertCell();
- //设置列内容和属性
- newTd0.innerHTML = content;
- }
- <input type="button" name="Submit" value="添加一行" onclick="addRow("dddddddd")" />
- <table id="listTable" border=1 cellspacing="0" bordercolor="#CCCCCC">
- </table>
这样写在IE下没问题,但是在Firefox就不显灵了,如果你利用try catch可以看到出错信息,大概是缺少参数,表格的行列添加时要指定是第几行和第几列。换成这样就没问题了。
- function addRow(content)
- {
- try{
- //添加一行
- var newTr = listTable.insertRow(0);
- //添加一列
- var newTd0 = newTr.insertCell(0);
- //设置列内容和属性
- newTd0.innerHTML = content;
- } catch(e){alert(e);}
- }
上面是添加到第一行了,如果想加到指定行,加一个隐藏域存储行数应该就可以了。