Доброго времени суток, уважаемые форумчане!
Такая ситуация, срочно понадобилось создать веб-таблицу, чтобы можно было добавлять строки и их редактировать. На просторах инета наткнулся на код, немного его под свои нужды доработал, но не как не могу добиться того, чтобы при нажатии кнопки "добавить новую строку" добавлялись все ячейки ряда, а не одна. Подскажите где ошибка?
<html>
<head>
<script language="JavaScript">
function add(){
var nodet = document.createElement('tr');
var node = document.createElement('td');
node.innerHTML = "<input type='text' name='1'>";
document.getElementById('tabl').appendChild(nodet);
nodet.appendChild(node);
}
</script>
</head>
<body>
<table id='tabl' border='1'align='left'>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<tr>
<td><input type='text' name='1'></td>
<td><input type='text' name='2'></td>
<td><input type='text' name='1'></td>
<td><input type='text' name='1'></td>
<td><input type='text' name='1'></td>
<td><input type='text' name='1'></td>
<td><input type='text' name='1'></td>
<td><input type='text' name='1'></td>
<td><input type='text' name='1'></td>
</tr>
</table>
<body>
<input type='button' value='Добавить новую строку' onClick='add();'>
</body>
</html>
</script>