Добавление строки в таблицу с помощью DOM javascript
Скрипт добавляет строку в таблицу, после нажатия на ссылку.
| row1_column1 | row1_column2 |
Исходный код этого примера:
<script type="text/javascript">
function addRow(id){
var tbody = document.getElementById(id).getElementsByTagName("tbody")[0];
var row = document.createElement("tr")
var td1 = document.createElement("td")
td1.appendChild(document.createTextNode("row2_column1"))
var td2 = document.createElement("td")
td2.appendChild (document.createTextNode("row2_column2"))
row.appendChild(td1);
row.appendChild(td2);
tbody.appendChild(row);
}
</script>
<p>
<a href="javascript://" onclick="addRow('myTable');return false;">Добавить строку</a>
</p>
<table id="myTable" cellspacing="0" border="1">
<tbody>
<tr>
<td>row1_column1</td><td>row1_column2</td>
</tr>
</tbody>
</table>
.
Прокомментировать/Отблагодарить