<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
var num=1;
function addTr(){
var tab=document.getElementById("tab");
var tr=document.createElement("tr");
var td1=document.createElement("td");
var td2=document.createElement("td");
var td3=document.createElement("td");
td1.innerHTML=num;
num++;
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tab.appendChild(tr);
var btn=document.createElement("input");
btn.type="button";
btn.value="删除";
td3.appendChild(btn);
btn.οnclick=function(){
tab.removeChild(tr);
}
}
</script>
<BODY>
<input type="button" value="添加" οnclick="addTr()"/>
<table border="1" id="tab">
<tr>
<td>序号</td>
<td>姓名</td>
<td>是否删除</td>
</tr>
</table>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<script>
var num=1;
function addTr(){
var tab=document.getElementById("tab");
var tr=document.createElement("tr");
var td1=document.createElement("td");
var td2=document.createElement("td");
var td3=document.createElement("td");
td1.innerHTML=num;
num++;
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tab.appendChild(tr);
var btn=document.createElement("input");
btn.type="button";
btn.value="删除";
td3.appendChild(btn);
btn.οnclick=function(){
tab.removeChild(tr);
}
}
</script>
<BODY>
<input type="button" value="添加" οnclick="addTr()"/>
<table border="1" id="tab">
<tr>
<td>序号</td>
<td>姓名</td>
<td>是否删除</td>
</tr>
</table>
</BODY>
</HTML>