在js中如何实现对的直接克隆？

[ntxs]

我在js克隆的时候发现了这样的怪问题： 代码如下

<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">
<tbody id="tbId">
<tr id="trId">
<td height="25">网友留言列表：</td>
</tr>
</tbody>
</table>

在这种情况下：
var node = document.getElementById("tbId").cloneNode(true);//克隆tbody
var parNode = document.getElementById("table1");//取得table
parNode.insertBefore(node,parNode.firstChild);//插入
可以成功。。。


但是 如果去掉HTML中的 tbody标签对tr直接克隆的话，就没有效果：代码如下
<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">
<tr id="trId">
<td height="25">网友留言列表：</td>
</tr>
</table>
在这种情况下：
var node = document.getElementById("trId").cloneNode(true);//克隆tbody
var parNode = document.getElementById("table1");//取得table
parNode.insertBefore(node,parNode.firstChild);//插入
没有改变页面。

请问这是什么原因？ 难道非要加tbody吗？

请高手帮忙解答。谢谢大家。

[hbhbhbhbhb1021]

因为table中就算你不加tbody在其中也是存在tbody的
多加个childNodes[0]就可以了
var parNode = document.getElementById("table1").childNodes[0];//取得table
parNode.insertBefore(node,parNode.firstChild);//
你可以看下table的innerHTML就知道了
alert(document.getElementById("table1").innerHTML)

[hbhbhbhbhb1021]

<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1">
<tr id="trId">
<td height="25">网友留言列表：</td>
</tr>
</table>

<script language=javascript>
var node = document.getElementById("trId").cloneNode(true);//克隆tbody
var parNode = document.getElementById("table1").childNodes[0];//取得table
parNode.insertBefore(node,parNode.firstChild);//插入
</script>

[meizz]

用 mergeAttributes 将所有的属性都拷贝过去，这个拷贝才是最准确的拷贝

[ntxs]

谢谢楼上各位。