javaScript

Action-人生

浏览: 104772 次
性别:
来自: 南京

最近访客更多访客>>

gumuzhiyu

xxi

Flemming323

guochongcan

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

javascript

//来自于别人

<html>
	 <head>
	 	  <title>98</title>
	</head>
	<script type="text/javascript">
	   
	   function showInfo(){
	     var tbb=document.createElement("table");
	     tbb.align="center";
	     tbb.width="80%";
	     tbb.border="1";
	     tbb.id="ta";
	     
	     var tb=document.createElement("tbody");
	     var tr1=document.createElement("tr");
	     var td1=document.createElement("td");
	     var td2=document.createElement("td");
	     var td3=document.createElement("td");
	     
	     var a1=document.createElement("a");
	     a1.href="#";
	     a1.onclick=delUser;
	     
	     var nameText=document.createTextNode(document.getElementById('userName').value);
	     var passwordText=document.createTextNode(document.getElementById('passWord').value);
	     var aText=document.createTextNode("删除");
	     
	     
	     a1.appendChild(aText);
	     td1.appendChild(nameText);
	     td2.appendChild(passwordText);
	     td3.appendChild(a1);
	     
	     tr1.appendChild(td1);
	     tr1.appendChild(td2);
	     tr1.appendChild(td3);
	     
	     tb.appendChild(tr1);
	     tbb.appendChild(tb);
	   document.body.appendChild(tbb);
	   }
	   
	   function delUser(){
	   	//this.parentNode表示td->.parentNode表示tr
	   	var mytr=this.parentNode.parentNode;
	   	if(confirm("你确定要删除"+mytr.firstChild.firstChild.nodeValue+"吗？")){
	   		//.parentNode表示tb
	   		mytr.parentNode.removeChild(mytr);
	   		}
	   	
	   	
	   	}
	     
	</script>
	
	<body>
		 <form name="form1" id="form1">
		 	   <table align="center" border="0">
		 	   	   <tr>
		 	   	   	  <td>用户名:</td><td><input type="text" id="userName"/></td>
		 	   	   	  <td><div id="errorName"></div></td>
		 	   	  </tr>
		 	   	  <tr>
		 	   	  	  <td>密码:</td><td><input type="password" id="passWord"/></td>
		 	   	  	  <td><div id="errorPassword"></div></td>
		 	   	  </tr>	
		 	   	  <tr>
		 	   	  	 <td colspan="2"><input type="button" value="注册" onclick="showInfo();"/>
		 	   	  	 	<input type="reset" value="重置"></td>
		 	   	  </tr>	
		 	  </table>
		</form>
  </body>	
</html>