超级简单Table表格添加,删除行

Table表格添加,删除行

最近需要表格添加删除行,添加行简单,删除行就有点儿懵逼了,于是网上找实例,功夫不负有心人,终于让我找到了,下面的是代码,大家觉得可以,记得点赞哦!!!谢谢!

需要的拿去,转载请在明显的位置标注出出处!!!

	



	

		
性别
		
姓名
		
年龄
	
	

		

			
			   男
			   女
			
		
		

			
		
		

			
		
	

//动态添加行
function addRow(){
   var table = document.getElementById("tableID");
   var newRow = table.insertRow(); //创建新行
   var newCell1 = newRow.insertCell(); //创建新单元格
   newCell.innerHTML = ""； //单元格内的内容
   newCell.setAttribute("align","center"); //设置位置
}

//动态删除行
function deleteRow(){
   var rowIndex = event.srcElement.parentElement.parentElement.rowIndex;
   var styles = document.getElementById("tableID");
   styles.deleteRow(rowIndex);
}

用克隆的方式

This is a paragraph.
复制每个 p 元素，然后追加到 body 元素

下面是直接添加和删除当前table表格,很好用

  
    
	
	
	
	    
	
	
    
  
  
   添加
   显示