Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Добавление строки в таблицу с помощью DOM javascript

Скрипт добавляет строку в таблицу, после нажатия на ссылку.

Добавить строку

row1_column1row1_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>


.