2015-08-31
<html>
<head>
<title>采用DOM进行表格的修改操作</title>
<script language="JavaScript">
function addRow()
{
var tab=document.getElementbyId("mytab");//取得table的节点对象
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.appendCihld(document.creatTextNode(name));
tr.appendChild(td-id);
tr.appendChild(td_name);
tbody.appendChild(tr);
tab.appendChild(tbody);
}
</script>
</head>
<body>
新的编号：<input type="text" name="id">
新的编号:<input type="text" name="name">
<input type="button" value="增加" onclick="addRow()">
<table id="mytab" border="1">
<TR>
<td>编号</td>
<td>姓名</td>
</tr>
</table>
</body>
</html>
时间： 2024-10-30 04:41:03