我的页面上有一个表格,表格本身设置了一些属性(例如width等) 以及css样式,表格有上千行,
我想提取表格的其中某些行,放到一个新表格中,要求样式和属性与原表格一致,有没有好的办法?
更新解决方案:
如下,目的是 从tb1中提取某些行放到一个新的table中,要求样式完全一致。
由于实际表格行数比较多,直接使用innerHTML拷贝表格会比较慢, 因此不会采取innerHTML的方式。
<html>
<head>
<style type="text/css">
#tb1{
font-weight:bold; /*test style*/
}
</style>
</head>
<body>
<table id="tb1" >
<tr>
<td>TD1</td><td>TD2</td>
</tr>
<tr>
<td>TD3</td><td>TD4</td>
</tr>
</table>
<script type="text/javascript">
var tb1 = document.getElementById('tb1');
//仅克隆table标签本身,不包含子元素,这样可以保留tb1的样式,但不必复制其全部子节点
var tb2 = tb1.cloneNode(false);
document.body.appendChild(tb2);
var trs = tb1.getElementsByTagName('tr');
for(var i=0,len=trs.length; i < len; i++) { //选取特定的行,这里简化为遍历所有行
tb2.appendChild(trs[i].cloneNode(true)); //克隆选定的行到新table
}
</script>
</body>
</html>