麻烦帮我看一下添加按钮的代码哪有问题,注释部分是好使的代码,不知道我的哪儿不对就是运行不出结果
<!DOCTYPE html>
<html>
<head>
<title> new document </title>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<script type="text/javascript">
window.onload = function(){
// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
}
// 编写一个函数,供添加按钮调用,动态在表格的最后一行添加子节点;
/* function addtr(){
var sNum=prompt('请输入学号','');
var sName=prompt('请输入姓名','');
if(sNum!=null&&sNum!=''&&sName!=null&&sName!=''){
var newtr=document.createElement('tr');
var newtrS=newtr.innerHTML='<td>'+sNum+'</td>'+'<td>'+sName+'</td>'+'<td><a href="javascript:;" onclick="del(this)">删除</a></td>';
var oTC=document.getElementById("table").lastChild;
oTC.appendChild(newtr);
}else{alert('请重新输入');}
}*/
function add(){
var n1=prompt('请输入学号','');
var n2=prompt('请输入姓名','');
if(n1!=null&&n1!=''&&n2!=null&&n2!=''){
var tr=document.createElement('tr');
var news=tr.innerHTML='<td>'+n1+'</td>'+'<td>'+n2'</td>'+'<td><a href="javascript:;" onclick="delet(this)">删除</a><td>';
var table=document.getElementById("table").lastChild;
table.appendChild(tr);
}else{alert('请重新输入');}
}
// 创建删除函数
function delet(d){
//因为删除按钮所在的为<a>标签,<a>.parentNode-><td>标签.parentNode-><tr>标签.parent-><table>,所以p就是找到table,又因为我们要删除的是一整行,也就是<table>标签里的<td>,所以是t,又因为删除按钮与表格的行一一对应,所以定义该函数时应定为有参的
var p=d.parentNode.parentNode.parentNode;
var t=d.parentNode.parentNode;
p.removeChild(t);
}
</script>
</head>
<body>
<table border="1" width="50%" id="table">
<tr>
<th>学号</th>
<th>姓名</th>
<th>操作</th>
</tr>
<tr>
<td>xh001</td>
<td>王小明</td>
<!--this指代当前所指的对象,delet(this)即把指向的对象删除掉-->
<td><a href="javascript:;" onclick="delet(this)">删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
<tr>
<td>xh002</td>
<td>刘小芳</td>
<td><a href="javascript:;" onclick="delet(this)">删除</a></td> <!--在删除按钮上添加点击事件 -->
</tr>
</table>
<input type="button" value="添加一行" onclick="add()"/> <!--在添加按钮上添加点击事件 -->
</body>
</html>