表格的控制-克隆表格
——————————————————————————
<script type="text/javascript">
var hasHide = false; //初始化是没有隐藏的
//复制表格的函数
function copyTbl(){
//获取DOM
var tbl = document.getElementById('tbl');
t = document.createElement('table');//创建一个表格元素
t.align = tbl.align; //复制tbl的对齐属性
t.border = tbl.border; //复制tbl的边框属性
t.innerHTML = tbl.innerHTML; //复制tbl的完整的标签和内容
document.body.appendChild(t); //挂上新创建的元素到body尾部
}
</script>
——————————————————————————————
<body style="text-align:center">
<label>双击表头复制一个相同的表格出来</label>
<table id="tbl" align="center" border="1">
<tr onclick="copyTbl();">
<th>名字</th>
<th>年龄</th>
</tr>
<tr>
<td>A</td>
<td>12</td>
</tr>
<tr>
<td>B</td>
<td>11</td>
</tr>
<tr>
<td>C</td>
<td>15</td>
</tr>
</table>
</body>
——————————————————————————————
