table表格如何实现点击添加一行

新建一个html文件，定名为test.html，用于实现点击为表格添加一行的功能。

在test.html页面，利用table标签成立一个三行两列的表格，利用button标签建立一个"添加一行"的按钮，实现点击执行添加一行的操作。

给button按钮绑心猿意马点击事务onclick，用于实现点击时执行添加行的函数addtr（），代码如下：

编写给表格添加一行的代码。利用table表格的id（testTbl）挪用添加行的方式insertRow（），实现为表格添加一行。

编写添加两列单位格的代码。利用新添加的行对象（newTr）挪用添加列单位格的方式insertCell（），挪用两次，添加两列单位格。

编写添加单位格内容的代码。利用列对象的属性innerHTML、innerText来设置两个单位格的内容。

注：

innerHTML，设置带HTML的内容。

innerText，设置文本内容。

在浏览器运行test.html文件，查看实现功能。

0 条评论