增加行 删除行

本文介绍了一种使用JavaScript实现网页表格动态增加和删除行的方法。通过分析代码,可以了解如何利用DOM操作来实现这一功能,包括创建新的行、单元格及文本框等元素,并控制这些元素的显示与隐藏。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

	window.onload = visibleCategoryList;
	function visibleCategoryList(){
		document.getElementById("categoryList").style.display = "none";
	}
	function categoryStatus(){
		var category = document.getElementById("category").options[document.getElementById("category").options.selectedIndex].value;
		var info1 = document.getElementById("info1");
		var info2 = document.getElementById("info2");
		if(category == "0"){
			
			info2.style.display = "";
		}else{
			info2.style.display = "none";
		}
	}
	var rowCount = 0;
	function add(){
		
		if(rowCount < 4){
			var table = document.getElementById("more"); //子节点
			var newTr = table.insertRow();
	
			
			
			var th=document.createElement("th");
			th.innerHTML="공모명:";
			newTr.appendChild(th);
			var td =document.createElement("td");
			td.innerHTML ='<s:textfield name="CATEGORY_NAME" id="CATEGORY_NAME"></s:textfield>';
			newTr.appendChild(td);
			
			var th=document.createElement("th");
			th.innerHTML="우선순위:";
			newTr.appendChild(th);
			var td =document.createElement("td");
			td.innerHTML ='<s:textfield name="CATEGORY_SEQUENCE" id="CATEGORY_SEQUENCE"></s:textfield>';
			newTr.appendChild(td);
			
			var th=document.createElement("th");
			th.innerHTML="접수문자열:";
			newTr.appendChild(th);
			var td =document.createElement("td");
			td.innerHTML ='<s:textfield name="CATEGORY_STRING" id="CATEGORY_STRING"></s:textfield>';
			newTr.appendChild(td);
			
			rowCount++;
		}else{
			return false;
		}

	
		}
		function removeRow()
  		{
		  var le = myTable.rows.length ; //myTable -> tableid
		  if(le == "1"){    // 1 行位置
		  	return false;
		  }else{
		  myTable.deleteRow(1);
		  }		  
	  	}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值