Problem bezüglich cloneNode in Javascript

Question

Ich benutze Javascript cloneNode-Methode, um eine Tabellenzeile zu klonen, die tatsächlich ausgeblendet wird. Aber die Zeile wird mit dieser versteckten Eigenschaft geklont. Ich will das nicht. Ich möchte, dass wenn diese Zeile geklont wird, sie Sichtbarkeit hat.

Diese besondere Tabellenzeile ist:

<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> 

Und der Javascript-Code, wo ich diese Zeile am Klonen ist:

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

Also, wie eher zu setzen, steuern den Stil des neuen geklonten Reihe? Bitte geben Sie einige Hinweise.

Bitte geben Sie mir nur Javascript-Lösungen (keine jquery). Ich muss das Projekt mit Javascript entwickeln.

Answer 1

Verwenden Sie zuerst 0 anstelle von 1 für den Index.

Als Nächstes können Sie die Sichtbarkeit des Stils auf sichtbar setzen, bevor Sie die Zeile zur Tabelle hinzufügen.

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