javascript动态添加html中的table的行 2008-05-04

<script language="javascript">

var rows = 2;

function addRow()

 var tbl = document.getElementById("tbl");
 var row = tbl.insertRow();
 var cell = row.insertCell();
 cell.innerHTML = "name" + rows;
 cell = row.insertCell();
 cell.innerHTML = "age" + rows;
 rows++;
}
</script>

<table id="tbl">
 <tr>
  <td>name1</td>
  <td>age1</td>
 </tr>
</table>

<input type="button" onclick="addRow();" value="Add"></input>

posted on 2008-05-04 10:58  黑暗之眼  阅读(319)  评论(0)    收藏  举报