javaScript

最新推荐文章于 2018-02-27 16:28:08 发布

Action-人生

最新推荐文章于 2018-02-27 16:28:08 发布

阅读量95

点赞数

分类专栏： JavaScript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/luopo007liuchao007/article/details/84541099

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

//来自于别人

<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>