<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加用户</title>
</head>
<body>
<center>
<br><br>
添加用户:<br><br>
姓名: <input type="text" name="name" id="name" />
email: <input type="text" name="email" id="email" />
电话: <input type="text" name="tel" id="tel" /><br><br>
<button id="addUser">提交</button>
<br><br>
<hr>
<br><br>
<table id="usertable" border="1" cellpadding="5" cellspacing=0>
<tbody>
<tr>
<th>姓名</th>
<th>email</th>
<th>电话</th>
<th> </th>
</tr>
<tr>
<td>Tom</td>
<td>tom@tom.com</td>
<td>5000</td>
<td><a href="deleteEmp?id=Tom">Delete</a></td>
</tr>
<tr>
<td>Jerry</td>
<td>jerry@sohu.com</td>
<td>8000</td>
<td><a href="deleteEmp?id=Jerry">Delete</a></td>
</tr>
</tbody>
</table>
</center>
</body>
<script language="JavaScript"> window.οnlοad=function(){ document.getElementById("addUser").οnclick=function(){ var nameValue=document.getElementById("name").value; var emailValue=document.getElementById("email").value; var telValue=document.getElementById("tel").value; var nameTd=document.createElement("td"); var nameText=document.createTextNode(nameValue); nameTd.appendChild(nameText); var emailTd=document.createElement("td"); var emailText=document.createTextNode(emailValue); emailTd.appendChild(emailText); var telTd=document.createElement("td"); var telText=document.createTextNode(telValue); telTd.appendChild(telText); var aTd=document.createElement("td"); var aElement=document.createElement("a"); aElement.setAttribute("href","deleteEmp?id="+nameValue); var deleteText=document.createTextNode("Delete"); aElement.appendChild(deleteText); aTd.appendChild(aElement); var trElement=document.createElement("tr"); trElement.appendChild(nameTd); trElement.appendChild(emailTd); trElement.appendChild(telTd); trElement.appendChild(aTd); var tableElement=document.getElementById("usertable"); var tbodyElement=document.createElement("tbody"); tbodyElement.appendChild(trElement); tableElement.appendChild(tbodyElement); aElement.οnclick=function(){ return delTr(aElement); } } } function delTr(aElement){ var name=aElement.parentNode.parentNode.firstChild.firstChild.nodeValue; var flag=window.confirm("您真的要删除["+name+"]这个用户吗?"); if(!flag){ return false; } var tbodyElement=aElement.parentNode.parentNode.parentNode; var trElement=aElement.parentNode.parentNode; tbodyElement.removeChild(trElement); return false; } </script>
</html>
