<html>
<head>
<title>我的第一个 HTML 页面</title>
</head>
<script language="javascript">
function addrow()
{
var tab = document.getElementById("mytab");
var id = document.getElementById("id").value;
var name = document.getElementById("name").value;
var tr = document.createElement("tr");
var tbody = document.createElement("tbody");
var td_id = document.createElement("td");
var td_name = document.createElement("td");
td_id.appendChild(document.createTextNode(id));
td_name.appendChild(document.createTextNode(name));
tr.appendChild(td_id);
tr.appendChild(td_name);
tbody.appendChild(tr);
tab.appendChild(tbody);
}
</script>
<body>
新的编号:<input type="text" name="id">
新的姓名:<input type="text" name="name">
<input type="button" value="增加" οnclick="addrow()">
<table id="mytab" border="1">
<tr>
<td>编号</td>
<td>姓名</td>
</tr>
</table>
</body>
</html>
08-01