动态增加删除表格行(兼容IE/FF)

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
< html >
< head >
< title > 动态增删表格行 </ title >
< script  language ="JavaScript" >
<!--
//author: Robin
//email: griefforyou@gmail.com

var rowIndex=0;
function addLine(obj){
var objSourceRow=obj.parentNode.parentNode;
var objTable=obj.parentNode.parentNode.parentNode.parentNode;
if(obj.value=='增加'){
rowIndex++;
var objRow=objTable.insertRow(rowIndex);
var objCell;

objCell=objRow.insertCell(0);
objCell.innerHTML="&nbsp;"; 

objCell=objRow.insertCell(1);
objCell.innerHTML=objSourceRow.cells[1].innerHTML;

objCell=objRow.insertCell(2);
objCell.innerHTML=objSourceRow.cells[2].innerHTML.replace(/增加/,'删除');
}
else{
objTable.lastChild.removeChild(objSourceRow);
rowIndex--;
} 
}

function removeLine(){

}

//-->
</ script >
</ head >
< body  bgcolor ="#ffffff" >
< form  name ="form1"  method ="post" >
< table  width ="400"  border ="0" >
< tr >
< td > 基本信息 </ td >
< td >< select  name ="select" >
< option  value =""  selected > 选择 </ option >
< option  value ="1" > 第一 </ option >
< option  value ="2" > 第二 </ option >
</ select ></ td >
< td >< input  name ="basicinfo"  type ="text"  id ="basicinfo" >
< input  name ="add"  type ="button"  id ="add"  value ="增加"  onClick ="addLine(this)" ></ td >
</ tr >
< tr >
< td > 其它信息 </ td >
< td > &nbsp; </ td >
< td >< input  type ="text"  name ="textfield" ></ td >
</ tr >
< tr >
< td > &nbsp; </ td >
< td > &nbsp; </ td >
< td > &nbsp; </ td >
</ tr >
< tr >
< td > &nbsp; </ td >
< td > &nbsp; </ td >
< td > &nbsp; </ td >
</ tr >
</ table >
</ form >
</ body >
</ html >

转载于:https://www.cnblogs.com/ipusr/archive/2007/08/24/868565.html