javascriptのcloneNodeに関する問題

Question

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を使用してプロジェクトを開発する必要があります。

Answer 1

まず、インデックスとして0を使用します。

次に、表に行を追加する前に、スタイルの可視性を表示するように設定できます。その作業罰金... @xzegga

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