用javascript向表格新增一行

例:jsp页面有个以“myTable”为id的表格,现在我们想要向表格新增一行,操作如下:

var table = document.getElementById("myTable");

var tr = document.createElement("tr");

tr = table.insertRow("tr");

var td1 = tr.insertCell(0);

var td2 = tr.insertCell(1);

这样一来,我们就给myTable表新增了一行tr,且新行有两个列,分别为td1,td2;

若对td1,td2有输入要求,可按照如下创建输入框:

td1.innerHTML="<input type='text' id='' value='' style=''>"

td2.innerHTML="<input type='text' id='' value='' style=''>"

如此一来,即可对td1与td2进行输入。

注【保存时,可另外设置保存按钮,通过赋予td1和td2的id来取得值 后进行保存】


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值