<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
function deleate_a(){
var x=document.getElementById("ida").childNodes;
for(var i=x.length-1;i>0;i--){
y=x[i];
document.getElementById("ida").removeChild(y);
}
}
function deleate_b(){
var x=document.getElementById("idb").childNodes;
for(var i=x.length-1;i>0;i--){
y=x[i];
document.getElementById("idb").removeChild(y);
}
}
function add_a(){
var table_all=document.getElementById("table");
var x_1=document.createElement("tr");
var x_2=document.createElement("td");
x_2.innerHTML="xh003";
var x_3=document.createElement("td");
x_3.innerHTML="xiaoming";
x_1.appendChild(x_2);
x_1.appendChild(x_3);
table_all.appendChild(x_1);
// var table_all=document.getElementById("table");
// var x=document.getElementById("ida");
// table_all.appendChild(x);
}
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr id="ida">
<td>xh001</td>
<td>王小明</td>
<td> <input name="确定" type="button" value="确定" onclick="deleate_a()"/>
</form></td>
</tr>
<tr id="idb">
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:deleate_b();" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
</table>
<input type="button" value="添加一行" onclick="add_a()" /> <!--在添加按钮上添加点击事件 -->
</body>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
function deleate_a(){
var x=document.getElementById("ida").childNodes;
for(var i=x.length-1;i>0;i--){
y=x[i];
document.getElementById("ida").removeChild(y);
}
}
function deleate_b(){
var x=document.getElementById("idb").childNodes;
for(var i=x.length-1;i>0;i--){
y=x[i];
document.getElementById("idb").removeChild(y);
}
}
function add_a(){
var table_all=document.getElementById("table");
var x_1=document.createElement("tr");
var x_2=document.createElement("td");
x_2.innerHTML="xh003";
var x_3=document.createElement("td");
x_3.innerHTML="xiaoming";
x_1.appendChild(x_2);
x_1.appendChild(x_3);
table_all.appendChild(x_1);
// var table_all=document.getElementById("table");
// var x=document.getElementById("ida");
// table_all.appendChild(x);
}
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr id="ida">
<td>xh001</td>
<td>王小明</td>
<td> <input name="确定" type="button" value="确定" onclick="deleate_a()"/>
</form></td>
</tr>
<tr id="idb">
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:deleate_b();" >删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
</table>
<input type="button" value="添加一行" onclick="add_a()" /> <!--在添加按钮上添加点击事件 -->
</body>
</html>