复制Table一行

<table id="tab1" border="1">
<tr>
<td style='display:none'>1</td>
<td style='color:blue' field_code='01'>第一列</td>
<td field_code='02'>第二行</td>
</tr>
</table>

<script language='javascript'>
document.all.tab1.appendChild(document.all.tab1.lastChild.cloneNode(true));
</script>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<script>
function appendRow()
{
var t = document.getElementById('tbl');
var tdy = document.getElementById('tdy'); //if IE, 可以 t.tBodies[0]
var len = t.rows.length;
var last_row = t.rows[len-1];
var clone_node = last_row.cloneNode(true);
//alert(t.lastChild.nodeName) //FF中last child的value和IE不同
tdy.appendChild(clone_node)
}

</script>

<table id="tbl">
<tbody id="tdy">
<tr id="row1"><td>one</td><td>one</td></tr>
<tr id="row2"><td bgcolor="red" width="100">two</td><td width="50">two</td></tr>
</tbody>
</table>

<input type="button" onclick="appendRow()" value="Add row">

posted @ 2014-03-05 15:11  落叶随心  阅读(576)  评论(0编辑  收藏  举报