关于javascript中的cloneNode的问题答案

【问题标题】：Issue regarding cloneNode in javascript关于javascript中的cloneNode的问题
【发布时间】：2016-09-24 17:21:01
【问题描述】：

我正在使用 javascript cloneNode 方法克隆一个实际上隐藏的表行。但是该行正在使用该隐藏属性进行克隆。我不想要那个。我希望当该行被克隆时，它将具有可见性。

那个特定的表格行是：

<tr style="visibility:hidden;">
    <td><input size=25 type="text" id="latbox"/></td>
    <td><input size=25 type="text" id="latbox"/></td>
    <td><input size=25 type="text" id="latbox"/></td>
    <td><input size=25 type="text" id="latbox"/></td>
    <td><input size=25 type="text" id="latbox"/></td>
    <td><img alt="Icon" src="/assets/add-icon.png" id="addmorePOIbutton" onclick="insRow()" /></td>
    <td><img alt="Icon" src="/assets/minus-icon.png" id="delPOIbutton" onclick="deleteRow(this)"/></td>
</tr>

我克隆这一行的 javascript 代码是：

 var x=document.getElementById('POITable');
 var new_row = x.rows[1].cloneNode(true);
 x.appendChild( new_row );

那么，如何设置，而不是控制新克隆行的样式？请给出一些提示。

请只给我 javascript 解决方案（没有 jquery）。我需要使用 javascript 开发项目。

【问题讨论】：

标签： javascript html css html-table clonenode

【解决方案1】：

首先，使用 0 而不是 1 作为索引。

接下来，您可以在将行添加到表格之前将样式可见性设置为可见。

var x=document.getElementById('POITable');
var new_row = x.rows[0].cloneNode(true);
new_row.style.visibility = "visible";
x.appendChild( new_row )

Here is a fiddler

【讨论】：