如何用 JavaScript 复制表格的行?
来源:互联网 发布:dota2 mac版下载 编辑:程序博客网 时间:2024/04/28 20:32
<table>
<tr id="item">
<td>cftea</td>
<td>千一</td>
</tr>
</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);
}
{
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。
- 如何用 JavaScript 复制表格的行?
- 如何用c实现可执行文件的复制
- 如何用javascript获取select的值
- !!如何用vb控制excel表格的具体操作
- 如何用latex画一个简单的表格
- 如何用Javascript解析HTML?
- href=javascript:如何用
- 如何用Javascript识别IE6
- 如何用javascript获取UUID
- 如何用Eclipse调式JavaScript?
- 如何用 JavaScript 控制 Arduino?
- 如何用 JavaScript 控制 Arduino?
- 如何用java应用程序创建表格
- 如何用css定义表格自动换行
- 如何用mshtml获得Javascript中function的返回值
- 如何用javascript控制上传文件的大小?
- 如何用javascript控制上传文件的大小
- 如何用JavaScript去触发Button的Click事件
- 美国-5大牛校--8条小牛--14好校--18很不错的大学
- js ||用法
- linux + apache + php 虚拟主机禁止php访问的方法
- listView 添加多个不同的adapter
- js实现datalist中checkbox全选或取消
- 如何用 JavaScript 复制表格的行?
- USACO :Money Systems解题报告
- 2010/6/25 (10亿个数取前1万个)
- ERP标准物料编码规则指南
- 外向交货单
- VC/MFC之ListCtrl控件使用经验总结
- asp.net 操作ftp类
- WindowsAPI 获取系统物理内存、虚拟内存和页面文件交换区信息
- 一个异常:Caused by: java.lang.UnsupportedClassVersionError: Bad version number in .class file