创建动态表格以及删除

**

全选/全不选	编号	姓名	操作
	s001	王五

	<input type="button" value="反选" id="noall">
	
	<form>
		编号<input type="text" id="uid"><br>
		姓名<input type="text" id="uname"><br>
		<input type="button" value="添加" id="addbtn" >
		<input type="reset" >
	</form>
	
	<script>
		 var m=document.getElementById("m"); //获取一个表格对象
		 
		 //添加表格的行
		 document.getElementById("addbtn").onclick=function(){
		 	let uid=document.getElementById("uid").value;
		 	let uname=document.getElementById("uname").value;
		 	console.log(uid+","+uname);
		 	
		 	let newtr=m.insertRow(m.rows.length);//创建一行，返回的对象是tablerow
		 	let cell2=newtr.insertCell(0);
		 	let cellone=newtr.insertCell(1); //创建一个单元格，返回对象是tablecell
		 	let celltwo=newtr.insertCell(2); 
		 	let cellthree=newtr.insertCell(3);
		 	
		 	cell2.innerHTML="<input type='checkbox' id='dan' onclick='ischeck()'>";
		 	cellone.innerHTML="<font color='red'>"+uid+"</font>";
		 	celltwo.innerHTML=uname;
		 	cellthree.innerHTML="<input type='button' value='删除' id='delbtn' onclick='del(this)'>";
		 };
		 
		 
		 //删除行
		function del(obj){
			let delbtns=document.querySelectorAll("#delbtn");
		
			for(i=0;i<delbtns.length;i++)
			{
				if(obj==delbtns[i]){
					m.deleteRow(i+1);
				}
			}
			
		}
		//全选
		document.getElementById("all").onclick=function(){
			let dans=document.querySelectorAll("#dan");
			for(i=0;i<dans.length;i++){
				dans[i].checked= this.checked;
			}
		};
		
		//反选
		document.getElementById("noall").onclick=function(){
			let dans=document.querySelectorAll("#dan");
			for(i=0;i<dans.length;i++){
				dans[i].checked= !dans[i].checked;
			}
		};
        //反向觉得全选复选框是否选中
        function ischeck(){
        	let dans=document.querySelectorAll("#dan");
        	let result=true;
			for(i=0;i<dans.length;i++){
				if(dans[i].checked==false){
					result=false;
				}
			}
			document.getElementById("all").checked=result;
        }
		 
	</script>
</body>

**