AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

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

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

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


Исходный код этого примера:

<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("column 1"))
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("column 2"))
    row.appendChild(td1);
    row.appendChild(td2);
    tbody.appendChild(row);
  }
</script>

<h1>Добавление строки в таблице с помощью DOM javascript</h1>
<center>
<p>Скрипт добавляет строку в таблицу, после нажатия на ссылку.</p>

<a href="javascript://" onclick="addRow('myTable');return false;">Добавить строку</a>
<table id="myTable" cellspacing="0" border="1">
  <tbody>
    <tr>
      <td>row1_column1</td><td>row1_column1</td>
    </tr>
  </tbody>
</table>



.

© Copyright 2008-2016 by KDG