Javascript第五章表格增、删练习第十二课

最新推荐文章于 2022-07-02 13:13:57 发布

Java成长记_Camel

最新推荐文章于 2022-07-02 13:13:57 发布

阅读量429

点赞数 1

分类专栏： Javascript 文章标签：增加 js removechild

本文链接：https://blog.csdn.net/qq_30225725/article/details/89303287

版权

本篇博客介绍了使用JavaScript进行表格动态增删的实战技巧，重点关注`add`和`removeChild`方法的应用。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>
	<script type="text/javascript">
		function doAdd(){
   
			//创建tr
			var tr=document.createElement("tr");
		
			for(var i=1;i<=5;i++){
   
				//创建td  要循环td
					var td=document.createElement("td");
					
					switch(i){
   
						case 1:
						var name=document.getElementById("name").value;
				td.innerHTML=name;
				//要把td的值 追加给tr
				tr.appendChild(td);
					break;	
						case 2:
						var age=document.getElementById("age").value;
						td.innerHTML=age;
						tr.appendChild(td);
						break;
						case 3:
						if(document.getElementById("male").checked){
   
							td.innerHTML="male";
						tr.appendChild(td);