js 动态添加列以及删除

这里是以前篇附件上传为前提,比较原始的一种方式,但最容易修改

 function addfile(){
        	
        	   var aElement = document.getElementById("usertable");
        	   var dd = document.createElement("tr");
        	   var tdobj=document.createElement("td");
        	   tdobj.innerText="请上传附件";
        	  
        	dd.appendChild(tdobj);
        	var tdobj3=document.createElement("td");
        	tdobj3.setAttribute("colspan", "2");
        	
        	var inp2 = document.createElement("input");
        	 inp2.setAttribute("type", "file");
        	 inp2.setAttribute("name", "file");
        	
        	 tdobj3.appendChild(inp2);
        	 dd.appendChild(tdobj3);
        	 var tdobj4=document.createElement("td");
        	  var sp=document.createElement("a");
        	    sp.setAttribute("title", "删除该附件");
        	 if(sp.addEventListener)
        	   {
        	    sp.addEventListener("click", function(){deteFile123(sp);},false);
        	   }
        	   else if(sp.attachEvent)//IE内核监听
        	   {
        	    sp.attachEvent("onclick", function(){deteFile123(sp);});
        	   }
        	   else
        	   {
        	     sp.click = function(){deteFile123(sp);};
        	   }
        	 var ff = document.createElement("span");
        	 ff.innerText="删除附件";
        	 sp.appendChild(ff);
        	 tdobj4.appendChild(sp);
        	 dd.appendChild(tdobj4);
        	 
        	 aElement.appendChild(dd);
        	  }
        	  //删除附件
        	  function deteFile123(obj){
        	   //alert(id);
        	   var aElement = document.getElementById("usertable");
        	   obj = obj.parentNode.parentNode;
        	      aElement.removeChild(obj);
        	  }     
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值