<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload=function(){
var otab=document.getElementById("tab");
var txt1=document.getElementById("name");
var txt2=document.getElementById("age");
var btn=document.getElementById("bt")
var oid=otab.tBodies[0].rows.length+1;
btn.onclick=function(){
var otr=document.createElement("tr");
var otd=document.createElement("td");
otd.innerHTML=oid++;
otr.appendChild(otd);
var otd=document.createElement("td");
otd.innerHTML=txt1.value;
otr.appendChild(otd);
var otd=document.createElement("td");
otd.innerHTML=txt2.value;
otr.appendChild(otd);
var otd=document.createElement("td");
otd.innerHTML='<a herf="javscript:;">删除<a>'
otr.appendChild(otd);
var otd=document.createElement("td");
otd.innerHTML='<a herf="javscript:;">删除<a>'
otr.appendChild(otd);
otd.getElementsByTagName("a")[0].onclick=function(){
otab.tBodies[0].removeChild(this.parentNode.parentNode)
}
otab.tBodies[0].appendChild(otr);
}
}
</script>
</head>
<body>
<input type="text" id="name"/>
<input type="text" id="age"/>
<input type="button" value="添加" id="bt"/>
<table border="1" cellspacing="" cellpadding="" id="tab" style="width: 400px;">
<thead>
<td>ID</td>
<td>姓名
</td>
<td>年龄</td>
<td>操作</td>
</thead>
<tbody>
<tr>
<td>1</td>
<td>一</td>
<td>10</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>二</td>
<td>20</td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>三</td>
<td>30</td>
<td></td>
</tr>
<tr>
<td>4</td>
<td>四</td>
<td>40</td>
<td></td>
</tr>
<tr>
<td>5</td>
<td>五</td>
<td>50</td>
<td></td>
</tr>
</tbody>
</table>
</body>
</html>
郭强强
去看天荒地老
相关分类