[dantist433]

Добрый день. имеется таблица

<table id="POITable" border="1">
	<tr>
      <td>№ п\п</td>
      <td>Группа</td>
      <td>Услуга</td>
      <td>Сотрудник</td>
      <td>Данные</td>
	  <td colspan="2">работа со строками</td>
    </tr>
	<tr id="result_tr" style="display: none;">
      <td>0</td>
	  <td><select id="group">
	  <option value="0">Выберите из списка</option>
</select><input type="button" id="findService" value="Найти услуги" onclick="Find()" />
</td>
<td>
<select id="service" disabled>
	  <option value="0">Выберите из списка</option>
</select>
</td>
<td>
<select id="employee" class="js-select2" >
	  <option value="">Выберите из списка</option></select>
</td>
<td>
<input type="number" step="any" name = "Data_form" id ="Data_form1" >
</td>
  <td><input type="button" id="delPOIbutton" value="Удалить строку" onclick="deleteRow(this)" /></td>
  <td><input type="button" id="addmorePOIbutton" value="Добавить строку" onclick="insRow()" /></td>
    
	</tr>

При нажатии на кнопку добавить строку выполняется скрипт

function insRow() {
  var x = document.getElementById('POITable');
  var new_row = x.rows[1].cloneNode(true);
   var len = x.rows.length -1;
  new_row.cells[0].innerHTML = len;
 
  var inp1 = new_row.cells[1].getElementsByTagName('select')[0];
  inp1.id += len;
  inp1.value = '';
  var inp2 = new_row.cells[2].getElementsByTagName('select')[0];
  inp2.id += len;
  inp2.value = '';
  var inp3 = new_row.cells[3].getElementsByTagName('select')[0];
  inp3.id += len;
  inp3.value = '';
  x.appendChild(new_row);
 }

Как в этой функции изменить свойство новой строки, что бы она отображалась?

<tr id="result_tr" style="display: none;">

при этом не затрагивая старую. за все советы буду благодарен