如何用 JavaScript 复制表格的行?

<table>
  <tr id="item">
    <td>cftea</td>
    <td>千一</td>
  </tr>
</table>

如上代码,如何把 item 复制很多份呢,让表格有很多行?

for (var i = 0; i < 15; i++)
{
    var node = document.getElementById("item").cloneNode(true);
    node.id = "item_" + (i + 1);
    document.getElementById("item").parentNode.appendChild(node);
}

代码很简单,但是有些说明很重要:

  • cloneNode 的参数为 true,表示复制子节点;如果为 false 的话,就只复制 tr,tr 下面的 td 不会被复制。
  • 不要用 innerHTML 代替 cloneNode。
  • 不能把 cloneNode 这句提到循环外面。
  • 要给复制的 node 赋唯一的 id。
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值