Проблема, касающаяся cloneNode в javascript

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 вместо 1 для индекса.

Затем вы можете установить видимость стиля до добавления строки в таблицу.

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

Вот скрипач